JS中onpropertychange和onchange事件区别小结

 更新时间:2010年07月11日 22:16:23   作者:  
当一个HTML元素的属性用js改变的时候,都能通过onpropertychange来捕获。例如一个文本text对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。
也就是说:onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下,而onchange只有在用键盘改变其值,然后在失去焦点(onblur)后才触发,用js改变其值不能触发!onpropertychange和onchange都不管文本框中的实际值有没有变,只要有改的相应操作就可能触发。有时当上面两时间都不能满足需求时,可以考虑只用onblur。
还有一点要注意到,当onblur和onchange事件一起用时,onblur会出问题。。。。详见如下
测试页面:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • js学习总结之dom2级事件基础知识详解

    js学习总结之dom2级事件基础知识详解

    这篇文章主要为大家详细介绍了js学习总结之dom2级事件基础知识,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 详解微信小程序应用和页面生命周期

    详解微信小程序应用和页面生命周期

    生命周期是指一个对象从创建→>运行>销毁的整个阶段,强调的是一个时间段,文中介绍了生命周期的分类和微信小程序应用,需要的朋友可以参考下
    2022-08-08
  • js兼容的placeholder属性详解

    js兼容的placeholder属性详解

    这篇文章详细介绍了js兼容的placeholder属性,有需要的朋友可以参考一下
    2013-08-08
  • JavaScript实现随机点名的示例代码

    JavaScript实现随机点名的示例代码

    这篇文章主要为大家详细介绍了如何使用JavaScript实现随机点名效果,文中的示例代码简洁易懂,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-11-11
  • js实现倒计时秒杀效果

    js实现倒计时秒杀效果

    这篇文章主要为大家详细介绍了js实现倒计时秒杀效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • window.location.hash 使用说明

    window.location.hash 使用说明

    location是javascript里面管理地址栏的内置对象.
    2010-11-11
  • js完全解析url和拼接

    js完全解析url和拼接

    这篇文章主要介绍了js完全解析url和拼接,需要的朋友可以参考下
    2022-05-05
  • 控制台报错:Cannot access 'xxx' before initialization解决方法

    控制台报错:Cannot access 'xxx' before initializatio

    这篇文章主要给大家介绍了关于控制台报错:Cannot access 'xxx' before initialization的解决方法,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-11-11
  • DeviceOne 让你一见钟情的App快速开发平台

    DeviceOne 让你一见钟情的App快速开发平台

    DeviceOne是一个非常先进的App开发平台,使用Javascript 构建原生体验的移动应用程序,DeviceOne主要关注外观和体验,以及和你的应用程序的 UI 交互
    2016-02-02
  • JS 控件事件小结

    JS 控件事件小结

    事件对于控件来说至关重要,控件的消息通信机制使用事件的成本最低,但是对于JS控件来说有一些麻烦需要解决,JS类本身不支持事件,DOM模型支持的事件仅适应于浏览器的DOM节点。所以创建一套事件是我们写控件之前要做的
    2012-10-10

最新评论