下面小編就為大家?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專用!而且測(cè)試的時(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)容了,希望大家喜歡哦