下面小編就為大家?guī)硪黄钊肜斫鈎tml表單輸入監(jiān)聽。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。
今天看到一篇有關(guān)input事件的博文，一時(shí)興起便整理下相關(guān)的資料。
事件：
function changeVal(value){ console.log($(value).val())}
onchange：onchange事件是在前后內(nèi)容改變，并且失去焦點(diǎn)之后才會(huì)觸發(fā)。
<input type="text" value="" onchange="changeVal(this)">
oninput：oninput事件則會(huì)在value改變時(shí)就觸發(fā)。
<input type="text" value="" oninput="changeVal(this)">
還有一個(gè)onpropertychange事件，效果與oninput相似，但是IE專用！而且測試的時(shí)候并沒有生效，一臉懵逼中。。。
補(bǔ)充：
oninput與onpropertychange失效的情況：
oninput事件：
（1）當(dāng)腳本中改變value時(shí)，不會(huì)觸發(fā)；
（2）從瀏覽器的自動(dòng)下拉提示中選取時(shí)，不會(huì)觸發(fā)；
onpropertychange事件：
當(dāng)input設(shè)置為disable=true后，不會(huì)觸發(fā)。
以上就是小編為大家?guī)淼纳钊肜斫鈎tml表單輸入監(jiān)聽的全部內(nèi)容了，希望大家喜歡哦
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試