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

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 イベント:

(1)スクリプト内で値が変更されても、トリガーされません。

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

onpropertychange イベント:

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

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

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

<<:  nginx proxy_pass 設定で URL が / で終わる場合と / なしで終わる場合の違いの詳細な説明

>>:  MySQL テーブルスペースとは何ですか?

推薦する

Ubuntu 18.04 システムでの Redis および phpredis 拡張機能のインストールと設定の詳細な説明

この記事では、Ubuntu 18.04 に Redis と phpredis 拡張機能をインストール...

Vmware での Ubuntu サーバーのインストール チュートリアル

この記事では、Ubuntuサーバーバージョンのインストールグラフィックチュートリアルを参考までに紹介...

MySQLは現在の日付と時刻を取得する関数

現在の日付 + 時刻 (日付 + 時刻) を取得する関数: now() mysql> now(...

MySQL で中国語の文字をピンインでソートする簡単な例

名前を格納するフィールドが GBK 文字セットを使用している場合、GBK 内部コード自体がエンコード...

シンプルなドラッグ効果を実現するJavaScript

この記事では、簡単なドラッグ効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...

ウェブデザインにおけるカラーマッチングの優れた例30選

本日は、色彩の応用に関する優れた事例を 30 件集めて、皆さんにご紹介したいと思います。これらの事例...

6つのレイアウトでのFrameLayoutの使用

序文前回はLinearLayoutについて説明しました。今回はFrameLayoutの使い方を説明し...

MySQL 5.7.23 のインストールと設定のグラフィックチュートリアル

この記事では、mysql5.7.23 の詳細なインストールプロセスを記録し、皆さんと共有します。 1...

jQueryはテーブル行データのスクロール効果を実現します

この記事の例では、テーブル行データのスクロール効果を実現するためのjQueryの具体的なコードを参考...

Typescript での infer キーワードの使用に関する詳細な理解

目次推測する事例:理解を深める参照する後で忘れないように、キーワード infer をメモしておきます...

IE8 開発者ツール メニューの説明

<br />この記事では、開発者ツールのさまざまなメニューについて簡単に説明しました。こ...

MySQL のマスター スレーブ レプリケーション オプションをオンラインで変更する方法

序文: MySQL で最も一般的に使用されるアーキテクチャは、マスター スレーブ レプリケーションで...

Vue の状態管理: Vuex の代わりに Pinia を使用する

目次1. ピニアとは何ですか? 2. Piniaは使いやすい3. ユーザーエクスペリエンス1. ピニ...

JavaScriptのアロー関数の特徴と通常の関数との違い

目次1. 矢印関数の使用1. 通常関数から矢印関数へ2. 中括弧を省略してリターンする3. 括弧を省...

jQueryはフォントサイズ調整ケースを実装します

この記事では、フォントサイズを調整するためのjQueryの具体的なコードを参考までに紹介します。具体...