input输入检验的change事件和input事件
在实际项目中经常会需要检测input输入框的值,这里主要介绍两种方法的检验,一种是change事件,一种是input事件。 change事件在input失去焦点才会考虑触发,它的缺点是无法实时响应,与blur事件有着相似的功能,但与blur事件不同的是,change事件在输入框的值未改变时并不会触发,当输入框的值和上一次的值不同,并且输入框失去焦点,就会触发change事..
在实际项目中经常会需要检测input输入框的值,这里主要介绍两种方法的检验,一种是change事件,一种是input事件。
change事件在input失去焦点才会考虑触发,它的缺点是无法实时响应,与blur事件有着相似的功能,但与blur事件不同的是,change事件在输入框的值未改变时并不会触发,当输入框的值和上一次的值不同,并且输入框失去焦点,就会触发change事件。
change的事件绑定方法:
而如果需要实时检测input输入框的值的时候,就需要用到h5的新事件:input事件了,input事件可以实现对input输入框值的实时监控,只要input输入框值发生改变就会触发,但因为是h5的新事件,应此需要考虑兼容性问题,ie9以下的浏览器并没有实现这个事件,这些浏览器需要实时检测就可以使用 propertychange事件,这个事件是在input的属性值发生改变时触发,而输入框的值就是input的value属性,应此可以用其来监听输入数据的改变。
input事件和propertychange事件可以一起使用,保证实时监听在所有浏览器中都能运行。
input事件的事件绑定方法:
更多推荐
所有评论(0)