keyup
イベントは、キーが離されたときに発生します。
バブリング | あり |
---|---|
キャンセル可能 | はい |
インターフェイス | KeyboardEvent |
イベントハンドラープロパティ | onkeyup |
keydown
および keyup
イベントが、どのキーが押されたのかを示すコードを提供するのに対し、 keypress
はどの文字が入力されたかを示します。例えば、小文字の "a" は keydown
および keyup
では65になるのに対し、 keypress
では97になります。大文字の "A" はどのイベントでも65と報告されます。
Firefox 65 から、 keydown
および keyup
イベントは IME 入力中でも発生するようになり、 CJKT のユーザーのブラウザー間の互換性が向上しました (バグ 354358、またもっと有益な詳細は keydown and keyup events are now fired during IME composition を参照)。 IME 入力中のすべての keyup
イベントを無視するには、次のようにします (229 は IME によって処理されたイベントに関連する keyCode
の特殊な値のセットです)。
eventTarget.addEventListener("keyup", event => { if (event.isComposing || event.keyCode === 229) { return; } // 何かをする });
例
この例はキーを離すたびに KeyboardEvent.code
の値をログ出力します。
addEventListener の keyup の例
<p>Focus the IFrame first (e.g. by clicking in it), then try pressing some keys.</p> <p id="log"></p>
const log = document.getElementById('log'); document.addEventListener('keyup', logKey); function logKey(e) { log.textContent += ` ${e.code}`; }
onkeyup と同等のもの
document.onkeyup = logKey;
仕様書
仕様書 | 状態 |
---|---|
UI Events | 草案 |
ブラウザーの互換性
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
デスクトップ | モバイル | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
keyup event | Chrome 完全対応 あり | Edge 完全対応 あり | Firefox 完全対応 あり | IE ? | Opera ? | Safari ? | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Firefox Android 完全対応 あり | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
凡例
- 完全対応
- 完全対応
- 実装状況不明
- 実装状況不明