[解決済み] テキストボックスの内容が変更されたことを検出する方法
2022-03-21 07:10:33
質問
テキストボックスの内容が変更されたことを検出したい。keyupメソッドを使うこともできますが、それでは矢印キーのような文字を生成しないキーストロークも検出されてしまいます。keyupイベントを使用してこれを行う方法を2つ考えました。
- 押されたキーのASCIIコードがletterbackspacedeleteであるかどうかを明示的にチェックする。
- クロージャを使用して、キーストローク前のテキストボックス内のテキストを記憶し、これが変更されたかどうかをチェックします。
どちらもなんだか面倒くさそうですね。
解決方法は?
変更」イベントではなく「入力」イベントを観測するようにする。
jQuery('#some_text_box').on('input', function() {
// do your stuff
});
...これは素晴らしく、きれいですが、さらに拡張することができます。
jQuery('#some_text_box').on('input propertychange paste', function() {
// do your stuff
});
関連
-
vueディレクティブv-bindの使用と注意点
-
vueのプロジェクトでモックを使用する方法を知っていますか?
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
Vueはランニングライト形式のテキストを水平方向にスクロールする機能を実装している
-
vue ディレクティブ v-html と v-text
-
vueにおけるv-forループオブジェクトのプロパティ
-
VUEグローバルフィルターの概念と留意点、基本的な使い方
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】ローカルファイルを開くことができません - Chrome: ローカルリソースの読み込みが許可されていない
-
[解決済み】Node.jsで "Cannot find module "エラーを解決するには?
-
[解決済み】未保存の変更を含むウェブページを離れる前にユーザーに警告を表示する
-
[解決済み】入力テキストボックスの変更を検出する。
-
[解決済み】JQuery:入力フィールドの変更を検出する【重複】。