onchange与onpropertychange

平叔叔

于 2014-12-21 18:08:14 发布

阅读量646

点赞数

文章标签： company

本文链接：https://blog.youkuaiyun.com/piaoxuan1987/article/details/42061975

版权

本文详细解析了HTML文本框事件处理中的onpropertychange和onChange的区别，以及如何通过JavaScript为元素绑定相应的事件处理函数。重点讨论了两者的触发时机、触发条件及其在实际开发中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

onpropertychange在更改一开始就触发，其实这时并没有真正更改文本框的值（你可以按下Esc键取消更改）。
onchange则在更改确认时触发（通常需要在输入新的值以后将焦点移到其它组件中，或在文本框之外单击鼠标才能确认当前更改）。

从事件触发的时机来说，onpropertychange比onchange更及时，onchange总是要等失去焦点以后才触发(在input上的时候)，类似onblur
就触发条件来说，onpropertychange更频繁，不光是value的改变，任何HTML、CSS属性的改变都会导致这个事件的触发，例如宽度、颜色等。

如果使用struts标签，没有onpropertychange方法
需要用js给元素绑定事件。
var obj = document.getElementById("startDatetime");
obj.onpropertychange=function(){
      if("value" == window.event.propertyName){
         endtime(obj);
      }
}