キー入力を扱う方法 (keyup/keydown/keypress)
キーが叩かれた際の各イベントは次の順番で呼ばれる。
- keydown
- keypress
- 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() | 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
参考:
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