在web開發中,我們有時會需要動態監聽輸入框值的變化,當使用onkeydown、onkeypress、onkeyup作爲監聽事件時,會發現一些複製粘貼等操作用不了,同時,在處理組合快鍵鍵的時候也很麻煩。這時候我們需要更專業的解決方案:HTML5標準事件oninput、onchange和IE專屬的事件properchange。
1.oninput&onchange:
2.propertychange:
3.output:
propertychange 和 input 事件:
1)propertychange只要當前對象的屬性發生改變就會觸發該事件
2)input是標準的瀏覽器事件,一般應用於input元素,當input的value發生變化就會發生,無論是鍵盤輸入還是鼠標黏貼的改變都能及時監聽到變化
$(function(){
$('#username').bind('input propertychange', function() {
$('#result').html($(this).val().length + ' characters');
});
})
這裏bind同時綁定了input和propertychange兩個方法。