深入理解html表單輸入監(jiān)聽

    下面小編就為大家?guī)硪黄钊肜斫鈎tml表單輸入監(jiān)聽。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。
    今天看到一篇有關input事件的博文，一時興起便整理下相關的資料。
    事件：
    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）當腳本中改變value時，不會觸發(fā)；
    （2）從瀏覽器的自動下拉提示中選取時，不會觸發(fā)；
    onpropertychange事件：
    當input設置為disable=true后，不會觸發(fā)。
    以上就是小編為大家?guī)淼纳钊肜斫鈎tml表單輸入監(jiān)聽的全部內(nèi)容了，希望大家喜歡哦