实时监听input输入框值的变化实例
2017-03-28 20:40
459 查看
1、在元素上同时绑定 oninput 和onporpertychanger事件
<script type="text/JavaScript"> function aa(e){alert("inputting!!");} </script> <input type="text" id="a" oninput="aa(event)" onporpertychange="aa(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"/>
在监听到 onpropertychange 事件后,可以使用 event 的 propertyName 属性来获取发生变化的属性名称,event.propertyName
相关文章推荐
- js监听input输入框值的实时变化实例
- js监听input输入框值的实时变化实例
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
- onpropertychange、oninput监听input输入框值实时变化
- js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 实时监听输入框值变化的完美方案(兼容ie):oninput & onpropertychange
- 监听输入框值变化的最佳方案 oninput 和 onpropertychange (实时监控文本框改变的最佳方案)
- 实时监听输入框值变化:oninput & onpropertychange
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 实时监听输入框值变化:oninput & onpropertychange
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- s/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 如何实时监听 input 和 textarea输入框值的变化