input标签内容改变的触发事件介绍

 更新时间:2014年06月18日 16:42:55   投稿:whsnow  
onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发

1. onchange事件与onpropertychange事件的区别:

onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有。

2. oninput事件与onpropertychange事件的区别:

oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发;onpropertychange事件是任何属性改变都会触发,而oninput却只在value改变时触发,oninput要通过addEventListener()来注册,onpropertychange注册方法与一般事件相同。

3. oninput与onpropertychange失效的情况:

oninput事件:

(1)当脚本中改变value时,不会触发;

(2)从浏览器的自动下拉提示中选取时,不会触发;

onpropertychange事件:

当input设置为disable=true后,不会触发。

相关文章

  • js实现json数据行到列的转换的实例代码

    js实现json数据行到列的转换的实例代码

    为了实现这样的数据显示出来三个序列,分别为郑州、新乡、安阳的电量,就需要自己实现对这样数据的转换,转换成如下的形式:
    2013-08-08
  • 解读input标签的value属性及name属性

    解读input标签的value属性及name属性

    这篇文章主要介绍了解读input标签的value属性,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • JavaScript实现隐藏省略文字效果的方法

    JavaScript实现隐藏省略文字效果的方法

    这篇文章主要介绍了JavaScript实现隐藏省略文字效果的方法,涉及javascript基于事件响应实现页面字符串元素的获取、截取、设置等相关操作技巧,需要的朋友可以参考下
    2017-04-04
  • 浅谈JavaScript的自动垃圾收集机制

    浅谈JavaScript的自动垃圾收集机制

    本文主要对JavaScript的自动垃圾收集机制进行简要分析,并介绍了垃圾收集的方式:标记清除(mark-and-sweep)和引用计数(reference counting),需要的朋友一起来看下吧
    2016-12-12
  • webpack与SPA实践之管理CSS等资源的方法

    webpack与SPA实践之管理CSS等资源的方法

    本篇文章主要介绍了webpack与SPA实践之管理CSS等资源的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • 基于javascript的COOkie的操作实现只能点一次

    基于javascript的COOkie的操作实现只能点一次

    这篇文章主要介绍了基于javascript的COOkie的操作实现只能点一次,需要的朋友可以参考下
    2014-12-12
  • uniapp中scroll-view基础用法示例代码

    uniapp中scroll-view基础用法示例代码

    我们在项目中往往都能遇到实现左右滑动跟上下滑动的需求,下面这篇文章主要给大家介绍了关于uniapp中scroll-view基础用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • 解决layui使用layui-icon出现默认图标的问题

    解决layui使用layui-icon出现默认图标的问题

    今天小编就为大家分享一篇解决layui使用layui-icon出现默认图标的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 详解用函数式编程对JavaScript进行断舍离

    详解用函数式编程对JavaScript进行断舍离

    本篇文章主要介绍了用函数式编程对JavaScript进行断舍离,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 常用的js验证和数据处理总结

    常用的js验证和数据处理总结

    遇到需要对数据及表单验证的,我相信大家都像我一样,喜欢在网上找相关的方法,因为自己写的话,是比较耗时的。今天就给大家分享一下,自己在工作中总结的一些常用的js。
    2016-08-08

最新评论