イベント

  • KeyboardEvent
  • InputEvent
  • CompositionEvent

参考:

KeyboardEvent | MDN

InputEvent | MDN

CompositionEvent | MDN

key

参考:

Keyboard イベントで押されたキーを判別するには key プロパティを使う – Qiita

DOM3 Events のキーイベント | JavaScript で遊ぶよ

KeyboardEvent.key | MDN

Key Values | MDN

shiftKey

参考:

クライアントサイド JavaScript でキーイベントをとらえる – Qiita

KeyboardEvent.shiftKey | MDN

code

参考:

KeyboardEvent.code | MDN

Code Values | MDN

keyCode

**DEPRECATED**

  • KeyboardEvent.keyCode は非推奨。後方互換のために残されている。新しい Web アプリの開発では使用しない。
  • Safari では、入力欄にフォーカスがある場合は IME の有効/無効に関わらず keyCode の値は 229 になる。
  • 接続されているキーボードの種類によっては、keyCode はほとんど全てのキーで 0 を返すことがある。

参考:

KeyboardEvent.keyCode が非推奨になっていたので KeyboardEventを整理してみた | make it easy

Safari の keyCode で取得できるコードには要注意 – Qiita

押したキーのキーコードを取得 | ShanaBrian

keyCode 表 & 逆引き | キリウ君が読まないノート

KeyboardEvent.keyCode | MDN

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 イベントハンドリング | たにしきんぐダム

全角入力の未確定の状態を取得する | GRAYCODE

KeyboardEvent.isComposing | MDN

InputEvent.isComposing | MDN

コード:

isComposing と IME 有効/無効の検出 (think49) – GitHub Gist

CompositionEvent

参考:

全角入力の開始と終了を検出する | GRAYCODE

JavaScript で日本語の変換確定とその他のリターンを識別する方法 | gotohayato.com

CompositionEvent | MDN

IME 使用時の Enter 入力

  • IME で入力している途中では keypress イベントは発生しない。
  • 変換候補の決定以外の Enter 入力では keyCode=13keypress イベントが発生する。

参考:

JavaScript における日本語入力確定イベント | galife

日本語入力確定時にイベントを発生させる jQuery プラグイン | galife

全角入力を禁止する

参考:

入力変換中の全角入力をキャンセル – teratail

iOS でキーボードを閉じる

参考:

iPhone のキーボードにある「開く」ボタンを制御する方法について – Qiita

ドキュメントオブジェクト (Document)

イベント

参考:

keydown イベント – Document | MDN

keyup イベント – Document | MDN

イベントハンドラー – Document | MDN

UI Events

参考:

UI Events (Draft) | W3C

jQuery.ui.keyCode

参考:

jQuery.ui.keyCode | jQuery UI API Documentation [Official]

まとめ

参考:

KeyboardEvent.keyCode が非推奨になっていたので KeyboardEventを整理してみた | make it easy

キーイベントどれ使う?ケース別文字入力コントロール例 | けーちゃんのプログラム開発ノート

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA