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