原生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>
如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!
如无特殊声明,文章均为原创,若有不正之处,万望告知。转载请附上原文地址,十分感谢!