HTMLフォーム入力監視の詳細な理解

今日、入力イベントに関するブログ投稿を見て、気まぐれで関連情報を整理してみました。

イベント：

関数 changeVal(値){ console.log($(値).val())}

onchange: onchange イベントは、前のコンテンツと次のコンテンツが変更されてフォーカスが失われた場合にのみトリガーされます。

 <input type="text" value="" onchange="changeVal(this)">

oninput: 値が変更されると、oninput イベントがトリガーされます。

 <input type="text" value="" oninput="changeVal(this)">

oninput と同様の効果を持つ onpropertychange イベントもありますが、これは IE に固有のものです。そして、テストしたところうまくいかなかったので、私は完全に混乱しました。 。 。

補充:

oninput と onpropertychange が失敗するケース:

oninput イベント:

（１）スクリプト内で値が変更されても、トリガーされません。

（２）ブラウザの自動ドロップダウンプロンプトから選択した場合にはトリガーされません。

onpropertychange イベント:

入力がdisable=trueに設定されている場合、入力はトリガーされません。

以上が、エディターがお届けするHTMLフォーム入力監視の詳細な内容です。気に入っていただければ幸いです。

ゲーム活動やゲーム戦略についてもっと知りたい場合は、引き続きこのサイトに注目してください。このサイトの編集者は、できるだけ早く最高で、最も楽しく、最も新鮮なゲーム情報をお届けします。さらにエキサイティングなコンテンツをお楽しみいただくには、jb51 ゲーム チャンネルにアクセスしてください。