JavaScriptのonkeyupとonkeydownの違いを紹介_基礎知識

昨日、動的に生成された年、月、日のドロップダウン ボックスと入力を制限するテキスト ボックスを作成しているときに、テキスト ボックスに入力するときに、入力された単語の数を計算しなければならないという問題が発生しました。当然、onkeydown イベントを考えて、value.length のメソッドを計算し、コード

をコピーします。 🎜> コードは次のとおりです。 🎜>shuru2.innerHTML= (200-curlen); if(curlen>= 200){ this.value=this.value.substring(0,200);

curlen=200; .innerHTML=200;

shuru2.innerHTML=0;
return false;
}
}


テキストを入力したところ、文字数が間違っていることが判明しました4 文字入力しても単語数が 0 のままであることがわかりました


長い間考えましたが、最終的に onkeydown を onkeyup に変更したところ、すべてうまくいきました


確認したところ、2 つのイベントは異なることがわかりました
onkeydown を押すとトリガーされます。はい、この時点ではキー値は出力されません。 onkeyup は、ボタンが離されたときに実行されます。この時点で、キー値はすでに使用可能です。たとえば、これら 2 つのイベントを入力ボックスに追加する場合、

コードをコピーします

コードは次のとおりです。

これら 2 つの異なる実行結果を見るとわかります。

コードをコピー

コードは次のとおりです: