监听输入框值的变化

该文章由 leevare 发布于 ,归类于 Javascript

原生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>

还可以在元素上同时绑定oninputonporpertychange事件。

<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>

如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!

相关文章:

说点什么

avatar
300
  Subscribe  
提醒