KeyDown、KeyUp、および非推奨の KeyPress イベントの違いは何ですか?

KeyPress、KeyUp、および KeyDown イベントを理解する

keypress、keyup、および keydown イベントを区別するには、これらをマウス イベントに類似していると考えてください。クリック、マウスアップ、マウスダウン。 onKeyDown イベントは、マウスダウンと同様に、任意のキーを押すとトリガーされます。

OnKeyUp は、マウスアップと同様に、キーを放すとトリガーされます。最初にキーを押さなくても (onKeyDown)、キーを放す (onKeyUp) ことができることを理解することが重要です。これは多くの場合、キーが押し続けられ、最終的に放されると両方のイベントがトリガーされるときに発生します。ただし、

OnKeyPress は現在非推奨になっており、onKeyDown に置き換える必要があります。かつては onKeyDown イベントと onKeyUp イベントを組み合わせて、onKeyPress と同様に動作していましたが、この使用法は推奨されなくなりました。

Webkit ブラウザの例外

WebKit ベースのブラウザでは、追加の機能が導入されています。イベント: テキスト入力。このイベントは、キーを押してからキーを押すまでの間、特にテキストが入力されたときに発生します。 WebKit ブラウザでのイベントのシーケンスは次のとおりです。

• Keydown
• Keypress
• TextInput
• Keyup

インタラクティブデモ

イベントの起動シーケンスを視覚化するには、次のコード スニペットを試してください:

window.addEventListener("keyup", log);
window.addEventListener("keypress", log);
window.addEventListener("keydown", log);

function log(event) {
  console.log(event.type);
}

このコードは、各キーが押されるか離されたときにイベントのタイプをコンソールに記録します。これらのイベントの違いと順序を理解するのに役立ちます。

以上がKeyDown、KeyUp、および非推奨の KeyPress イベントの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。