时间:2021-05-26
也就是说:onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下,而onchange只有在用键盘改变其值,然后在失去焦点(onblur)后才触发,用js改变其值不能触发!onpropertychange和onchange都不管文本框中的实际值有没有变,只要有改的相应操作就可能触发。有时当上面两时间都不能满足需求时,可以考虑只用onblur。
还有一点要注意到,当onblur和onchange事件一起用时,onblur会出问题。。。。详见如下
测试页面:
通过js改变文本框中的值后触发的事件:onpropertychange事件 测试onpropertychange事件和onchange事件一起用时:
测试结果:onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下,而onchange只有在用键盘改变其值,然后在失去焦点后才触 发,用js改变其值不触发
测试只有onblur和onchange事件时:
测试结果:onchange先触发,onblur后触发
测试当onblur和onpropertychange事件一起用时:
测试结果:onblur好象出了问题,只要用键盘在文本框中随便输入一个值,便会触发它。可能是onpropertychange把它惹毛了。。。^-^
测试有onblur、onpropertychange事件和onchange事件一起用时:
测试结果:onblur在和onpropertychange一起用时的问题仍然存在
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onproperty
oninput,onpropertychange,onchange的用法onchange触发事件必须满足两个条件:a)当前对象属性改变,并且是由键盘或鼠标事件激
笔者注:今天我在用到onchange事件时没有任何反应,最后翻查资料才知道Onchange的局限性和不稳定性。而onpropertychange却能很好的实现尤
相关阅读:JavaScript事件学习小结(五)js中事件类型之鼠标事件JavaScript事件学习小结(一)事件流javaScript事件学习小结(四)eve
相关阅读:JavaScript事件学习小结(五)js中事件类型之鼠标事件JavaScript事件学习小结(一)事件流javaScript事件学习小结(四)eve