Input要素上のコンテンツ変更トリガイベント
1219 ワード
1.oninput
oninputは、または値が変化したときにトリガーされ、要素が焦点を失うまで待つ必要はなく、リアルタイムです.テキストクラス入力ボックスの値を検出するHTML 5のイベントです.
欠陥:スクリプトから値を変更してもイベントはトリガーされません.ブラウザのドロップダウン・プロンプト・ボックスから値を選択してもトリガーされません.IE 9以下はサポートされていないので、IE 9以下はonpropertychangeイベントで代用できます.
2. onchange
onchangeイベントは、ドメインのコンテンツが変更されたときにトリガーされます.サポートされているラベル、 .
注意:要素の値が変更され、フォーカスが失われた場合にトリガーされます(2回の値は同じようにトリガーされません).
欠陥:jsコードによってDOMの値を変更することはトリガーされず、jsコードにそのchangeを呼び出す*function()*または変調を変更することを解決する.change()メソッド.
3. onpropertychange
onpropertychangeはリアルタイムでトリガーされ、要素のプロパティが変更されるとイベントがトリガーされます.要素disable=trueの場合はトリガーされません.欠陥:IEの下でただ支持して、その他のブラウザは支持しないで、oninputで解決します.
4. addEventListener
addEventListener()は、指定した要素にイベントメソッドを追加するために使用されます.追加したイベントメソッドをremoveEventListener()を使用して削除します.IE 9以下ではサポートされておらず、attachEventで代用しています.
oninputは、または値が変化したときにトリガーされ、要素が焦点を失うまで待つ必要はなく、リアルタイムです.テキストクラス入力ボックスの値を検出するHTML 5のイベントです.
欠陥:スクリプトから値を変更してもイベントはトリガーされません.ブラウザのドロップダウン・プロンプト・ボックスから値を選択してもトリガーされません.IE 9以下はサポートされていないので、IE 9以下はonpropertychangeイベントで代用できます.
2. onchange
onchangeイベントは、ドメインのコンテンツが変更されたときにトリガーされます.サポートされているラベル、
注意:要素の値が変更され、フォーカスが失われた場合にトリガーされます(2回の値は同じようにトリガーされません).
欠陥:jsコードによってDOMの値を変更することはトリガーされず、jsコードにそのchangeを呼び出す*function()*または変調を変更することを解決する.change()メソッド.
//JS:
//JQuery:
$("#cc").change(function(){});
3. onpropertychange
onpropertychangeはリアルタイムでトリガーされ、要素のプロパティが変更されるとイベントがトリガーされます.要素disable=trueの場合はトリガーされません.欠陥:IEの下でただ支持して、その他のブラウザは支持しないで、oninputで解決します.
//JS:
4. addEventListener
addEventListener()は、指定した要素にイベントメソッドを追加するために使用されます.追加したイベントメソッドをremoveEventListener()を使用して削除します.IE 9以下ではサポートされておらず、attachEventで代用しています.
// :
element.addEventListener(event, function, useCapture)