今天看到一篇有關(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專(zhuān)用！而且測(cè)試的時(shí)候并沒(méi)有生效，一臉懵逼中。。。

補(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ī)?lái)的深入理解html表單輸入監(jiān)聽(tīng)的全部?jī)?nèi)容了，希望大家喜歡哦~

如果大家想了解更多游戲活動(dòng)與游戲攻略，請(qǐng)持續(xù)關(guān)注本站，本站小編將在第一時(shí)間為大家?guī)?lái)最好看、最好玩、最新鮮的游戲資訊。更多精彩內(nèi)容，盡在jb51游戲頻道！