Javascript 如何监听input输入框值的实时变化

目录

1、在元素上同时绑定 oninput 和onporpertychanger事件

<scripttype="text/JavaScript">functionaa(e){alert("inputting!!");}</script><inputtype="text"id="a"oninput="aa(event)"onporpertychange="aa(event)"/>

2. 使用原生js添加监听事件

<scripttype="text/javascript">$(function(){if("\v"=="v"){//true为IE浏览器，感兴趣的同学可以去搜下，据说是现有最流行的判断浏览器的方法
document.getElementById("a").attachEvent("onporpertychange",function(e){
console.log("inputting!!");}}else{
document.getElementById("a").addEventListener("onporpertychange",function(e){
console.log("inputting!!");}}});</script><inputtype="text"id="a"/>

3. 使用jQuery方法绑定事件

<scripttype="text/javascript">$(function(){$("#a").bind('input porpertychange',function(){
console.log("e");});});</script><inputtype="text"id="a"/>