jquery - 实时监听input输入的变化（兼容主流浏览器）

<input id="test" oninput="console.log('input');" type="text" />

document.getElementById('test').oninput=function(){
    console.log('input');
}

$('#test').on('input',function(){
    console.log('input');
})

<input id="test" onpropertychange="alert('change');" type="text" />

document.getElementById('test').attachEvent('onpropertychange',function(e) {
    if(e.propertyName!='value') return;
    $(that).trigger('input');
});

$('#test').on('input',function(){
    alert('input');
})

$('#test').on('input',function(){
    alert('input');
})

//for ie
if(document.all){
    $('input[type="text"]').each(function() {
        var that=this;

        if(this.attachEvent) {
            this.attachEvent('onpropertychange',function(e) {
                if(e.propertyName!='value') return;
                $(that).trigger('input');
            });
        }
    })
}