[解決済み] input type="text "でonchange as-you-typeを追跡する最良の方法?
2022-03-23 04:39:21
質問
私の経験では
input type="text"
onchange
のイベントは、通常、あなたが去った後にのみ発生します (
blur
) コントロールを使用します。
をブラウザで強制的に起動させる方法はありますか?
onchange
毎回
textfield
のコンテンツが変更されましたか?そうでない場合、これを「手動で」追跡する最もエレガントな方法は何でしょうか?
使用方法
onkey*
イベントは信頼できません。なぜなら、フィールドを右クリックして「貼り付け」を選択すると、キーボード入力なしでフィールドが変更されるからです。
は
setTimeout
しかないのでしょうか?不細工 :-)
解決方法は?
更新してください。
参照 別の回答 (2015).
2009年オリジナルの回答です。
ということは
onchange
イベントをキーダウン時に発生させ、ブレさせる。
と
を貼り付ける?それは魔法だ。
入力中に変更を追跡したい場合は
"onkeydown"
. マウスによる貼り付け操作をトラップする必要がある場合は
"onpaste"
(
IE
,
FF3
) と
"oninput"
(
FF、Opera、Chrome、Safari
1
).
1
<サブ
のために壊れている
<textarea>
をSafariで表示します。使用方法
textInput
代わりに
関連
-
[解決済み】SyntaxError: JSON の位置 1 に予期しないトークン o があります。
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] input type="date "のフォーマットを変更する方法はありますか?
-
[解決済み】HTMLのテキスト入力で数値入力しかできない。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】webpack-dev-serverにリモート接続すると、「Invalid Host header」というメッセージが表示されます。
-
[解決済み】JavaScriptのgetElementByNameが機能しない
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み】SyntaxError: ChromeのJavascriptコンソールでUnexpected Identifierが発生する。
-
[解決済み】React、Uncaught ReferenceError。ReactDOMは定義されていません
-
[解決済み】Kendo Observable Bindingと併用する場合、Kendo Switch Labelsを変更することは可能ですか?[Kendo-UI]です。
-
[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない 私はどちらも使っていないのですが?
-
[解決済み】ES6マップオブジェクトをソートすることは可能ですか?
-
[解決済み】Uncaught TypeError: 未定義のプロパティ 'msie' を読み取れない - jQuery tools
-
[解決済み] JQueryを使って<input type="text">の変更をすべて(即座に)検出する。