监听input内容实时变化
2017-09-12 09:55
429 查看
今天研究一下了用js监测input框的即时变化,参考网络上的多篇文章,总结了一下,大概有以下几种方法
以下都是兼容IE,firefox,chrome常用流行浏览器
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"/>
以下都是兼容IE,firefox,chrome常用流行浏览器
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"/>
相关文章推荐
- input输入框内容变化实时监听
- JQuery实时监听input中值变化
- 实时监听输入框值变化:oninput & onpropertychange
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 实时监听input中值变化oninput & onpropertychange
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 实时监听输入框值变化:oninput & onpropertychange
- html实时监听input变化
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- onpropertychange、oninput监听input输入框值实时变化
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- js 实时监听input中值的变化,值改变时自动计算填充到另一个input中
- 即时搜索或input实时检测监听输入框变化
- 如何实时监听 input 和 textarea输入框值的变化
- html5 实时监听输入框值变化的完美方案:oninput & onpropertychange
- js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 监听input text中内容发生变化时触发事件
- 实时监听输入框值变化的完美方案:oninput & onpropertychange
- 实时监听input值的变化,进行计算