この記事では、JavaScriptテキストボックスのテキスト入力のカウントダウン方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします:<html>
<head>
<title>テキストボックスにテキストカウントダウン効果を入力</title>
<スクリプト言語= "javascript">
<! - begin
maxlen = 100; //ユーザーが入力できる単語の最大数を定義します
関数checkmaxinput(obj){
if(obj.value.length> maxlen){//入力された単語の数が制限を超えている場合
obj.value = obj.value.substring(0、maxlen); //余分な単語を削除するだけです
remlen.innertext = '入力したものは単語の制限を超えています」
}
それ以外{
remlen.innertext = 'left' +(maxlen -obj.value.length) + 'word'; //残りの単語を計算して表示する
}
}
//終了 - >
</script>
</head>
<body>
<Table CellPacing = "0" CellPadding = "0" bordercolorlight = "#000000" bgcolor = "#808080">
<tr>
<td> <b> <font color = fffffffff>カウントダウンテキストボックス</font> </b> </td>
</tr>
<tr>
<td>
<form name = tickform>
<p align = "center">
<Textarea name = msgbox rows = 5 cols = 31 onkeydown = "checkmaxinput(this)" onkeyup = "checkmaxinput(this)" style = "background-color:#000000; color:#fffff; overflow:auto"> </textarea>
</p>
</td>
</tr>
</form>
<tr>
<td>
<font align = "right" id = remlen> <b> </b> </font>
</td>
</tr>
</table>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。