jQueryキーボードイベントの例
jQueryには、キーボードアクティビティをキャプチャするための3つのキーボードイベント(keyup()、keydown()、およびkeypress())が付属しています。
-
keyup()–ユーザーがキーボードのキーを離したときに起動します。
-
keydown()–ユーザーがキーボードのキーを押すと起動します。
-
keypress()–ユーザーがキーボードのキーを押すと起動します。
一般的なステートメントでは、keydown()はkeypress()イベントに似ています。 実際には、keydown()イベントとkeypress()イベントの間にほとんど違いはありません。
1. 繰り返しキー
キーを押したままにすると、keydown()イベントが1回トリガーされますが、keypress()イベントは、キーを離すまでトリガーされ続けます。
2. 修飾キー
キーボード修飾キー(ctrl, shift, alt…)は、keydown()イベントを発生させますが、keypress()イベントは発生させません。
3. KeyCode – ASCIIコード
たとえば、A = 65およびa = 97の場合、このASCII table chartsを参照してください。
-
keydown()およびkeyup()は、a = 65、A = 65を表示します(大文字と小文字は区別されません-小文字と大文字は同じ値を表示します)。
-
keypresss()は、a = 97、A = 65を表示します(大文字と小文字を区別します–小文字と大文字では異なる値が表示されます)。
実際の文字キーをキャプチャする場合は、keypress()イベントに進みます。
FireFoxでKeyCodeが表示されませんか?
event.keyCodeはFireFoxでは機能しませんが、IEでは完全に機能します。 Firefoxでevent.keyCodeを取得するには、代わりにevent.whichを使用する必要があり、jQueryもそれを推奨します。 したがって、より良い方法は
var keycode = (event.keyCode ? event.keyCode : event.which);