$(
'#username'
).bind(
'input propertychange'
,
function
() {
$(
'#content'
).html($(
this
).val().length +
' characters'
);
});
從上面表格能夠看出,oninput 事件在 IE9 如下版本不支持,須要使用 IE 特有的 onpropertychange 事件替代,這個事件在用戶界面改變或者使用腳本直接修改內容兩種狀況下都會觸發,有如下幾種狀況:javascript
在監聽到 onpropertychange 事件後,能夠使用 event 的 propertyName 屬性來獲取發生變化的屬性名稱。html
集合 oninput & onpropertychange 監聽輸入框內容變化的示例代碼以下:java
<head>
<script type="text/javascript">// Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9 function OnInput (event) { alert ("The new content: " + event.target.value); } // Internet Explorer function OnPropChanged (event) { if (event.propertyName.toLowerCase () == "value") { alert ("The new content: " + event.srcElement.value); } } </script> </head> <body> Please modify the contents of the text field. <input type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" value="Text field" /> </body> |