🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
(1)oninput事件→在用户输入时触发 HTML5 的标准事件,对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像 onchange 事件需要失去焦点才触发。 简单理解:该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。 (2)onpropertychange: IE下元素属性改变时触发 当一个HTML元素的属性改变的时候,都能通过 onpropertychange来即时捕获。onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。 在用js脚本改动该元素值时候亦能触发onpropertychange事件。 字面意思是能够监听property改变的事件,但是onpropertychange监听的是元素的property属性,并不只局限于value,也可以监听其他标准属性值,如:input的name值 (3)onchange:在用户改变输入域的内容后,失焦时执行 需要满足两个条件,1、当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效);2、当前对象失去焦点(onblur); ``` $(document).on("事件",'选择器',function(){}); $("body").on('input propertychange',"input[type='text']",function(event){ }); $("body").on('change',"input[type='text']",function(event){ }); //监听text $("body").on('change,input propertychange',"input[type='text']",function(event){ }); ```