input标签内发生变化进行监听
- 工作小总结
- 时间：2021-11-30 19:07
- 3434人已阅读
简介
在工作中，有时候，我们需要获取input标签中的变化，然后触发js。那么这么写呢？有几种方法呢？有什么区别呢？
🔔🔔🔔好消息!好消息!🔔🔔🔔
有需要的朋友👉:联系凯哥
onchange事件与onpropertychange事件的区别：
onchange事件在内容改变（两次内容有可能相等）且失去焦点时触发；onpropertychange事件是实时触发，每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件是IE专有。
oninput事件与onpropertychange事件的区别：
oninput事件是IE之外的大多数浏览器支持的事件，在value改变时实时触发，但是通过js改变value时不会触发；onpropertychange事件是任何属性改变都会触发，而oninput却只在value改变时触发，oninput要通过addEventListener()来注册，onpropertychange注册方法与一般事件相同。
oninput与onpropertychange失效的情况：
oninput事件：
（1）当脚本中改变value时，不会触发；
（2）从浏览器的自动下拉提示中选取时，不会触发；
onpropertychange事件：
当input设置为disable=true后，不会触发。