监听输入框值的变化

原生js写法如下

<input type="text" class="input">
<script>
    var ipt = document.querySelector('.input');
    if (ipt.addEventListener) {
        //或者ipt.addEventListener('textInput', fn, false)
        ipt.addEventListener('input', function (e) {
            console.log(e.target.value);
        }, false);
    } else if (ipt.attachEvent) {
        //在ie8中要使用这种方式
        ipt.attachEvent('onpropertychange', function (e) {
            console.log(e.srcElement.value);
        })
    }
</script>

还可以在元素上同时绑定oninput和onporpertychange事件。

<input type="text" class="input" oninput="aa(event)" onpropertychange="aa(event)">
<script>
    function aa(e) {
        console.log(e.target.value || e.srcElement.value);
    }
</script>

使用jQuery

<input type="text" class="input">
<script>
    $('.input').on('input propertychange', function(e) {
        console.log(e.target.value);
    });
</script>