注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 页面特效 >> JavaScript >> js监听input输入框值的实时变化实例
热门:word | excel | powerpoint

js监听input输入框值的实时变化实例

2022/3/25 20:42:25 所属分类:页面特效 - JavaScript
内容提要:js监听input输入框值的实时变化实例,情景:监听input输入框值的实时变化实例,解决方法:1.在元素上同时绑定oninput和onporpertychanger事件。

  情景:监听input输入框值的实时变化实例。

  解决方法:1.在元素上同时绑定oninput和onporpertychanger事件。

  实例:

<script type="text/JavaScript">

  function watch(){
  consolo.log("in")
}
</script>
<input type="text"  oninput="watch(event)" onporpertychange="watch(event)" />

  2.原生js

<script type="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>
<input type="text" id="a"/>

  3.使用jQuery绑定事件

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

页面特效 | JavaScript
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息