JS监听输入框值变化兼容 onpropertychange、oninput
2015-06-29 17:17
253 查看
onpropertychange 属IE
oninput 属除IE外(Chrome、Firefox、SS)
所以肯简单的办法嘛:
1. 一个input里面写两个属性事件
2.写在JS中判断浏览器添加监听事件
效果:
oninput 属除IE外(Chrome、Firefox、SS)
所以肯简单的办法嘛:
1. 一个input里面写两个属性事件
2.写在JS中判断浏览器添加监听事件
<script type="text/javascript"> function immediately() { element = document.getElementById("mytext"); if (window.ActiveXObject) { element.onpropertychange = webChange; } else { element.addEventListener("input", webChange, false); } } function webChange() { if (element.value) { document.getElementById("test").innerHTML = element.value; } ; } </script> Input: <input type="text" name="textfield" oninput="document.getElementById('webtest').innerHTML=this.value;" onpropertychange="document.getElementById('webtest').innerHTML=this.value;" /> <div>您输入的值为:<span id="webtest"></span></div> <br /><br /><br /><br /><br /> JS: <input type="text" name="textfield" id="mytext" /> <div>您输入的值为:<span id="test"></span></div> <script type="text/javascript"> immediately(); </script>
效果:
相关文章推荐
- js获取浏览器信息--名称、版本、操作系统
- js 字符串转换成数字的三种方法
- javascript处理a标签超链接默认事件的方法
- js给数组去重写法
- json学习系列(4)-JSONString对象的optXXX方法的使用
- jq js 的date()使用
- JS中getElementById()、getElementsByName()、getElementsByTagName()_的区别和应用
- ArcGIS for js API 3.7和3.8
- javascript 正则表达式基础知识汇总
- JavaScript使表单中的内容显示在屏幕上的方法
- JavaScript实现级联菜单的方法
- js与cookie的点点滴滴
- 关于js注入的一点小实验
- JavaScript获取路径
- 从setTimeout谈JavaScript运行机制
- javascript 严格模式
- JSON在各种语言中的运用
- JavaScript 运行机制详解:再谈Event Loop
- javascript---html里a标签中调用js的function
- Extjs 显示或隐藏滚动条