ホームページ > 記事 > ウェブフロントエンド > jsのonkeypressイベントとonkeydownイベントの違いを詳しく解説_基礎知識
onkeypress と onkeydown には違いがあります。onkeypress イベントと onkeydown イベントの違いについては以下で説明します。
onkeypress イベントは、ユーザーが任意の英数字キーを押して放したときに発生します。ただし、システム ボタン (矢印キー、ファンクション キーなど) は認識されません。
onkeydown イベントは、ユーザーがシステム ボタンを含むキーボードのキーを押すと発生します。
具体的な違い:
1. 一方は解放され、もう一方は解放されず、onkeypress の前に onkeydown が発生します。
2.onkeypress ではシステム ボタンを押すことはできません。
2. onkeydown でキャプチャされた keyCode は文字のサイズを区別しませんが、onkeypress は区別します。
onkeypress は、ユーザーが英数字キーを押して放したときに発生します。システム ボタン (矢印キーやファンクション キーなど) が認識されません。
onkeyup は、ユーザーが前に押したキーボードのキーを放したときに発生します。
onkeydown は、ユーザーがキーボードのキー (矢印キーやファンクション キーなどのシステム ボタンを含む) を押すと発生します。
onkeypress
Microsoft® Internet Explorer 4.0 では、次のキーに対して onkeypress イベントが発生し、キャンセルできます:
文字: A ~ Z (大文字)
数字: 0 - 9
記号: ! @ # $ % ^ & * ( ) _ - = < ' ` " ~
、スペースバー、ENTER
onkeydown
Microsoft® Internet Explorer 4.0 では、次のキーに対して onkeydown イベントが発生します:
編集: DELETE、INSERT
機能: F1 ~ F12
文字: A ~ Z (大文字と小文字)
ナビゲーション: HOME、END、左矢印、右矢印、上矢印、下矢印
数字: 0 ~ 9
記号: ! @ # $ % ^ & * ( ) _ - = < [ ] { } , . / ' ` " ~
システム: ESC、スペースバー、
Internet Explorer 5 では、イベントは次のキーでも発生します:
編集: BACKSPACE
ナビゲーション: PAGE UP、PAGE DOWN
システム: SHIFT TAB
Internet Explorer 5 以降このイベントは、event.returnValue=false を指定することで、次のキーおよびキーの組み合わせに対してキャンセルできます。
編集: BACKSPACE、DELETE
文字: A ~ Z (大文字と小文字)
ナビゲーション: PAGE UP、PAGE DOWN、END、HOME、左矢印、右矢印、上矢印、下矢印
数字: 0 - 9
記号: ! @ # $ % ^ & * ( ) _ - = < ] { } , . / ? ' ` " ~
システム: SPACEBAR、ESC、TAB、SHIFT TAB
ほとんどのアクセラレータ キーを含む、onkeydown イベントを発生させるすべてのキーをキャンセルできます。
Internet Explorer 4.0 では、onkeydown イベントをキャンセルできませんが、
のように両方を同時に押してキーボード イベントをキャンセルできます。 >