input入力ボックス値の変化をリアルタイムで傍受するインスタンス

1、要素にoninputとonporpertychangerイベントを同時にバインドする

<script type="text/JavaScript">
function aa(e){alert("inputting!!");}
script>

<input type="text" id="a" oninput="aa(event)" onporpertychange="aa(event)" />

2、オリジナルjsを使用してリスニングイベントを追加する

<script type="text/javascript">
 $(function(){
if("\v"=="v"){//true IE   ，           ，                 
document.getElementById("a").attachEvent("onporpertychange",function(e){
console.log("inputting!!");
}
}else{
document.getElementById("a").addEventListener("onporpertychange",function(e){
console.log("inputting!!");
}
}
});
script>
<input type="text" id="a"/>

3.jQueryメソッドを使用してイベントをバインドする

<script type="text/javascript">
 $(function(){
$("#a").bind('input porpertychange',function(){
console.log("e");
});
});
script>
<input type="text" id="a"/>

onpropertychangeイベントをリスニングした後、eventのpropertyNameプロパティを使用して、変化するプロパティ名、eventを取得できます.propertyName