[解決済み] jQueryでinput[type=text]の値変化を検出する
2022-04-22 08:34:49
質問
特定の入力ボックスの値が変わるたびに、ある関数を実行したい。それは
ほとんど
で動作します。
$('input').keyup(function)
が、例えばテキストをボックスに貼り付けると何も起こりません。
$input.change(function)
は入力がぼやけたときにしか発動しないので、テキストボックスの値が変わったときにすぐにわかるようにするにはどうしたらよいでしょうか。
解決方法は?
更新情報 - 2021年
2021年現在では、以下のように使用できます。
input
イベントは、入力値が変化するすべてのイベントに適用されます。
$("#myTextBox").on("input", function() {
alert($(this).val());
});
オリジナル回答
bind'関数よりも'on'が推奨されることを覚えておいてください。
$("#myTextBox").on("change paste keyup", function() {
alert($(this).val());
});
関連
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] jQueryを使用してハイパーリンクのhref属性を変更する方法
-
[解決済み] jQuery get specific option tag text
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] キーアップ時ではなく、入力終了時にjavascriptの関数を実行しますか?
-
[解決済み] JQueryを使って<input type="text">の変更をすべて(即座に)検出する。
-
[解決済み] jQueryで入力変化を検出する?
-
[解決済み】HTMLのテキスト入力で数値入力しかできない。
-
[解決済み] jQuery append() - 追記された要素を返す
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
echarts-all.js:1 Uncaught TypeError: nullのプロパティ'getAttribute'を読み取ることができません。
-
[解決済み] jQueryです。簡単なオーバーレイを作成するにはどうすればよいですか?
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] jQuery 複数のイベントで同じ関数を起動する
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み] jQueryを使用してテキストボックスの値を取得するには?
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] val()を使ってselectの値を設定しても、jqueryのchangeイベントが発生しないのはなぜですか?
-
[解決済み】jQueryの.bind()と.on()の比較)
-
[解決済み] jQueryで選択されたオプションのインデックスを取得する