Input要素上のコンテンツ変更トリガイベント

1219 ワード

1.oninput
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)