js中的onchange和onpropertychange (onchange无效的解决方法)_javascript技巧
程序员文章站
2022-04-04 11:19:10
...
笔者注:今天我在用到onchange事件时没有任何反应,最后翻查资料才知道Onchange的局限性和不稳定性。而onpropertychange却能很好的实现尤其是它的实时捕捉性能更是很值得用一下(幸亏有这个性能,做出的东西老板娘很满意 o(∩_∩)o...)。
本人也比较懒,自己做的东西也懒的整理下来只能把搜索到的资料原版拿来个大家分享一下:
IE下,当一个HTML元素的属性改变的时候,都能通过 onpropertychange来捕获。例如一个
对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。(是实时性捕捉到的)
也就是说:onpropertychange能及时捕获属性值的变化,而onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件!
如:
例1:
请输入图片地址:
当text框中的内容被改变时,图片就会立刻被显示出来。而如果用onchange时,改变其值时还需用鼠标单击空白或其他地方使input元素失去焦点(onblur)才能激活该事件,图片显示才会被改变!
例2:
----------------------------------------------------------------
onpropertychange事件太可爱了,我对它一见钟情
onChange:当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
所以说当对象的value被脚本改变时不会触发onChange事件,因为用户即没有动鼠标又没动键盘.
上一篇: react有哪几种传递参数的方式
下一篇: 如何去掉php源码中的注释语句?
推荐阅读
-
IE中JS跳转丢失referrer问题的2个解决方法_javascript技巧
-
IE浏览器中图片onload事件无效的解决方法_javascript技巧
-
js中浮点型运算BUG的解决方法说明_javascript技巧
-
js中hash和ico的关联分析_javascript技巧
-
js中hash和ico的关联分析_javascript技巧
-
获取内联和链接中的样式(js代码)_javascript技巧
-
JS中的public和private对象,即static修饰符_javascript技巧
-
动态创建script在IE中缓存js文件时导致编码的解决方法_javascript技巧
-
JS中的public和private对象,即static修饰符_javascript技巧
-
js中复制行和删除行的操作实例_javascript技巧