[解決済み】onKeyPressとonKeyUp、onKeyDownの比較
2022-04-30 04:15:48
質問
この3つのイベントの違いは何ですか?ググってみると、以下のようなことがわかりました。
- その
onKeyDown
イベントは、ユーザーがキーを押したときに発生します。- は、その
onKeyUp
イベントは、ユーザーがキーを離したときに発生します。- は
onKeyPress
イベントは、ユーザがキーを押したり離したりしたときに発生します。 (onKeyDown
に続いてonKeyUp
).
最初の2つは理解できますが、次の2つは違いますか?
onKeyPress
と同じです。
onKeyUp
? キーを解放することは可能ですか (
onKeyUp
)を押さずに、(
onKeyDown
)?
ちょっとわかりにくいので、どなたかわかりやすく教えてください。
どのように解決するのですか?
アーカイブはこちらをご覧ください。 リンク この回答で使用したものです。
そのリンクから
理論的には
onKeyDown
とonKeyUp
イベントはキーが押されたり離されたりしたことを表し、一方onKeyPress
イベントは、文字が入力されたことを表します。この理論の実装は、すべてのブラウザで同じではありません。
関連
-
[解決済み】TypeError: 'undefined'はオブジェクトではありません。
-
[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)
-
[解決済み】Javascript、[オブジェクトHTMLInputElement]を表示中。]
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] URLを新しいタブで開く(新しいウィンドウではない)
-
[解決済み] JSONPとは何か、なぜ作られたのか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] イベントバブリング、キャプチャーとは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】パッシブイベントリスナー内部でpreventDefaultができない
-
[解決済み】SecurityError: オリジンを持つフレームがクロスオリジンフレームにアクセスするのをブロックした
-
[解決済み】JavaScriptのinnerHTMLで要素が更新されない
-
[解決済み】最大呼び出しスタックサイズ超過エラーとその修正方法とは?
-
[解決済み】「Uncaught TypeError: Chromeで "Illegal invocation "が発生する。
-
[解決済み】エラー:リクエストのエンティティが大きすぎる
-
[解決済み】Babel NodeJS ES6: SyntaxError: 予期しないトークンのエクスポート
-
[解決済み】 Uncaught Reference Error: stLight is not defined (in Chrome only)
-
[解決済み】HTMLの最初の行に予期しないトークン<がある。
-
[解決済み] [Solved] jQueryでtextareaのchangeイベントにバインドするにはどうすればよいですか?