キー入力を扱う方法 (keyup/keydown/keypress)

キーが叩かれた際の各イベントは次の順番で呼ばれる。

  1. keydown
  2. keypress
  3. keyup

参考:

jQuery のキーイベントについて調ベてみた | cly7796.net

jQuery を使ってキーボードからの操作でイベントを実行させる方法 | BlackFlag

JavaScript の keydown と keypress の違い | TM Life

jQuery で押されたキーを取得する · Issue #29 · shikakun/tips – GitHub

jQuery でテキストボックスの変更を監視/検知する – Qiita

キーボードのイベント keydown keypress keyup | ワクガンス WAKGANCE

keydown、keypress イベントのブラウザ毎の挙動の違い – Enjoy*Study

What’s the difference between keyup, keydown, keypress and input events? – Stack Overflow

keyup

参考:

keyup(fn) – jQuery 日本語リファレンス

.keyup() | jQuery API Documentation

jQuery keyup() Method | W3Schools

keydown

参考:

keydown(fn) – jQuery 日本語リファレンス

.keydown() | jQuery API Documentation

jQuery keydown() Method | W3Schools

keypress

参考:

keypress(fn) – jQuery 日本語リファレンス

.keypress() | jQuery API Documentation

jQuery keypress() Method | W3Schools

keypress event not working properly in safari and in Firefox with jQuery 1.3 – Stack Overflow

KeyboardEvent

参考:

キーイベント | JavaScript プログラミング解説

KeyboardEvent – Web APIs (en) | MDN

KeyboardEvent – Web API (ja) | MDN

修飾キー

参考:

jQuery を使ってキーの同時押し取得 (shift や ctrl) – Qiita

日本語入力

参考:

jQuery で IME 入力確定時にイベントを発行する – Qiita

IE 系で input イベントが発火しないのをなんとかしてみる(ついでに IME 入力中は発火しないイベントも追加)- Qiita

テスト

参考:

jQuery .keydown() .keyup() .keypress() .focusout() .focus() | CodePen

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です