jQueryキーボードイベントの例

jQueryキーボードイベントの例

jQueryには、キーボードアクティビティをキャプチャするための3つのキーボードイベント(keyup()keydown()、およびkeypress())が付属しています。

  1. keyup()–ユーザーがキーボードのキーを離したときに起動します。

  2. keydown()–ユーザーがキーボードのキーを押すと起動します。

  3. 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を参照してください。

  1. keydown()およびkeyup()は、a = 65、A = 65を表示します(大文字と小文字は区別されません-小文字と大文字は同じ値を表示します)。

  2. 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);

自分で試してください










  

jQuery keyup(), keydown() and keypress() example