即時(shí)反應(yīng)的input和propertychange方法
在web開發(fā)中，我們有時(shí)會(huì)需要?jiǎng)討B(tài)監(jiān)聽輸入框值的變化焕刮，當(dāng)使用onkeydown郁惜、onkeypress戈抄、onkeyup作為監(jiān)聽事件時(shí)歌懒，會(huì)發(fā)現(xiàn)一些復(fù)制粘貼等操作用不了具壮，同時(shí)茶袒，在處理組合快鍵鍵的時(shí)候也很麻煩梯刚。這時(shí)候我們需要更專業(yè)的解決方案：HTML5標(biāo)準(zhǔn)事件oninput、onchange和IE專屬的事件properchange薪寓。
1.oninput&onchange：
oninput和onchange都是事件對象亡资，當(dāng)輸入框的值發(fā)生改變時(shí)觸發(fā)該事件。不同的是向叉，oninput是在值改變時(shí)立即觸發(fā)锥腻，而onchange是在值改變后失去焦點(diǎn)才觸發(fā)，并且可以用在非輸入框中母谎，如：select等瘦黑。
2.propertychange：
功能同oninput，用以替代oninput在IE9以下的不兼容性。
3.output:
output是一個(gè)HTML5標(biāo)簽,IE系列瀏覽不兼容幸斥，主要用于計(jì)算輸出匹摇。如：
propertychange 和 input 事件:
1）propertychange只要當(dāng)前對象的屬性發(fā)生改變就會(huì)觸發(fā)該事件
2）input是標(biāo)準(zhǔn)的瀏覽器事件，一般應(yīng)用于input元素甲葬，當(dāng)input的value發(fā)生變化就會(huì)發(fā)生廊勃，無論是鍵盤輸入還是鼠標(biāo)黏貼的改變都能及時(shí)監(jiān)聽到變化
$(function(){?
????$('#username').bind('input?propertychange',?function()?{ ?
????$('#result').html($(this).val().length?+?'?characters');??
??});??
}) ?
這里bind同時(shí)綁定了input和propertychange兩個(gè)方法。
轉(zhuǎn)自?https://www.cnblogs.com/LHYwin/p/6136256.html
