FireFox中替代onpropertychange事件的方法
2010-06-21 17:22
543 查看
FireFox中替代onpropertychange事件的方法：
1、IE中的onpropertychange事件，用于监听输入框的变化，像百度的智能提示;
2、FireFox中并不支持该事件，可以用input监听来替代，如下：
<script type="text/javascript">
function testdemo(){
var element = document.getElementById("myname");
if("/v"=="v") {
element.onpropertychange = textChange;
}else{
element.addEventListener("input",textChange,false);
}
function textChange(){
alert(element.value);
}
}
</script>
<body>
<input type="text" name="myname" id="myname" />
<script type="text/javascript">
testdemo();
</script>
</body>
1、IE中的onpropertychange事件，用于监听输入框的变化，像百度的智能提示;
2、FireFox中并不支持该事件，可以用input监听来替代，如下：
<script type="text/javascript">
function testdemo(){
var element = document.getElementById("myname");
if("/v"=="v") {
element.onpropertychange = textChange;
}else{
element.addEventListener("input",textChange,false);
}
function textChange(){
alert(element.value);
}
}
</script>
<body>
<input type="text" name="myname" id="myname" />
<script type="text/javascript">
testdemo();
</script>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 总结oninput、onchange与onpropertychange事件的使用方法和差别
- 汇总 onchange onpropertychange 和 oninput 事件的区别
- input文本框没有onchange事件，可以通过下面两种方法实现当input内容改变时触发事件
- asp.net关于onpropertychange和oninput事件实现代码
- asp.net关于onpropertychange和oninput事件实现代码
- onchange事件与onpropertychange事件的区别
- onPropertyChange 事件详解
- onpropertychange事件
- JS事件：onpropertychange
- JS中onpropertychange和onchange事件区别小结
- 全局监听SCREEN_ON和SCREEN_OFF的替代方法--监听屏幕解锁事件
- 实时监控文本框输入的信息，JS中的oninput & onpropertychange事件
- 全局监听SCREEN_ON和SCREEN_OFF的替代方法--监听屏幕解锁事件
- 全局监听SCREEN_ON和SCREEN_OFF的替代方法--监听屏幕解锁事件
- JS中onpropertychange事件和onchange事件区别
- javascript 属性改变事件: onpropertychange
- 捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)
- 有关onpropertychange事件
- onchange、oninput、onpropertyChange事件的异同
- 在Infopath中使用自定义控件不能激发 OnPropertyChange 事件