イベント
- KeyboardEvent
- InputEvent
- CompositionEvent
参考:
key
参考:
Keyboard イベントで押されたキーを判別するには key プロパティを使う – Qiita
DOM3 Events のキーイベント | JavaScript で遊ぶよ
shiftKey
参考:
クライアントサイド JavaScript でキーイベントをとらえる – Qiita
code
参考:
keyCode
**DEPRECATED**
KeyboardEvent.keyCode
は非推奨。後方互換のために残されている。新しい Web アプリの開発では使用しない。- Safari では、入力欄にフォーカスがある場合は IME の有効/無効に関わらず
keyCode
の値は229
になる。 - 接続されているキーボードの種類によっては、
keyCode
はほとんど全てのキーで0
を返すことがある。
参考:
KeyboardEvent.keyCode が非推奨になっていたので KeyboardEventを整理してみた | make it easy
Safari の keyCode で取得できるコードには要注意 – Qiita
keyCode 表 & 逆引き | キリウ君が読まないノート
KeyboardEvent.keyCode とは何か | WebStudio
iOS に物理キーボードをつないで keyup イベントでどのキーが up されたかを取得する – Qiita
e.keyCode in iOS Safari on keyup event – Stack Overflow
IME 使用時のキー入力イベント
参考:
IME (全角) 入力における js イベント現状調査 – Qiita
input の入力値の制御で IME 入力とかいろいろ辛かった話 – Qiita
結局 JavaScript で「押されたキー」はどう取得するのがよいのか | 雑司ヶ谷インターネット
isComposing
参考:
InputEvent.isComposing – 入力が未確定か? | SYNCER
入力フォームに対して IME の確定を待ってから Enter でなんかするやつ | 私が歌川です
JavaScript で日本語の変換確定とその他のリターンを識別する方法 | gotohayato.com
JavaScript とクロスブラウザでの IME イベントハンドリング | たにしきんぐダム
KeyboardEvent.isComposing | MDN
コード:
isComposing と IME 有効/無効の検出 (think49) – GitHub Gist
CompositionEvent
参考:
JavaScript で日本語の変換確定とその他のリターンを識別する方法 | gotohayato.com
IME 使用時の Enter 入力
- IME で入力している途中では
keypress
イベントは発生しない。 - 変換候補の決定以外の
Enter
入力ではkeyCode=13
のkeypress
イベントが発生する。
参考:
JavaScript における日本語入力確定イベント | galife
日本語入力確定時にイベントを発生させる jQuery プラグイン | galife
全角入力を禁止する
参考:
iOS でキーボードを閉じる
参考:
iPhone のキーボードにある「開く」ボタンを制御する方法について – Qiita
ドキュメントオブジェクト (Document)
イベント
参考:
UI Events
参考:
jQuery.ui.keyCode
参考:
jQuery.ui.keyCode | jQuery UI API Documentation [Official]
まとめ
参考:
KeyboardEvent.keyCode が非推奨になっていたので KeyboardEventを整理してみた | make it easy