码迷,mamicode.com
首页 > 其他好文 > 详细

oninput和onpropertychange事件简单介绍

时间:2015-09-28 00:06:53      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

oninput和onpropertychange事件简单介绍:
这两个事件可能稍感陌生,但是在处理某些事件的时候却是非常的好用的,本章节将简单介绍一下这两个事件的用法。
在实际应用中可能需要监听一些输入框值的变化,当然我们可以使用onkeydown、onkeypress、onkeyup 等事件完成,但是这些事件并不能够监听右键复制、黏贴和剪切等功能,这个时候oninput和onpropertychange事件的威力就显现出来了,下面就介绍一下它们。
一.oninput事件:
此事件是HTML5中的标准事件,符合W3C标准,能够实时的监听textarea, input:text, input:password 和input:search元素中内容的变化,只要元素的内容一旦发生变化,此事件就会触发,但是此事件具有浏览器兼容性问题,一般问题都会出在IE浏览器中,IE8和IE8以下浏览器不支持此事件,其他标准浏览器都支持此事件。
二.onpropertychange事件:
这是IE特有的事件,和oninput事件的作用是基本一样的,但是也有所不同,如下:
1.相同点:
此事件同样可以监听textarea, input:text, input:password 和input:search元素中内容的变化。
2.不同点:
此事件还可以监听input:checkbox 或者 input:radio 元素的选择中状态。
此事件也可以监听select元素的选中项的变化。
三.不足之处:
这两个事件在IE9浏览器中都无法监听右键菜单的删除和剪切操作。
四.实例代码:
关于实例代码这里就不介绍了,可以参阅文本框输入文字倒计代码实例一章节。

原文地址是:oninput和onpropertychange事件简单介绍

oninput和onpropertychange事件简单介绍

标签:

原文地址:http://www.cnblogs.com/softwhy/p/4842931.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!