ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLフォーム入力監視_HTML/Xhtml_Webページ制作の深い理解

HTMLフォーム入力監視_HTML/Xhtml_Webページ制作の深い理解

WBOY
WBOYオリジナル
2016-05-16 16:46:011673ブラウズ

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

イベント:

function changeVal(value){    console.log($(value).val())}

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

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

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

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

oninput と同様の効果を持つ onpropertychange イベントもありますが、IE 専用です。そしてテスト中はうまくいかなかったので、混乱していました。 。 。

補足:

oninput と onpropertychange が失敗した場合:

入力イベント:

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

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

onpropertychange イベント:

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

上記は、エディターが提供した HTML フォーム入力監視の詳細な理解です。気に入っていただければ幸いです~

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。