在实际项目中经常会需要检测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事件的事件绑定方法:

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐