javascript - Firefox 中文本框的 onpropertychange？

Question

如何使用 JavaScript 处理 Firefox 中文本框的 onpropertychange？

下面是一个例子:

var headerBGColorTextBox = document.getElementById('<%= tbHeaderBGColor.ClientID %>');

if (headerBGColorTextBox != null) {
  headerBGColorTextBox.pluggedElement = document.getElementById('<%= trHeaderBG.ClientID %>');
  headerBGColorTextBox.onpropertychange = function() {
    alert('function called');
    if (event.propertyName == 'style.backgroundColor' && event.srcElement.pluggedElement != null)
      alert(event.propertyName);
    event.srcElement.pluggedElement.style.backgroundColor = event.srcElement.style.backgroundColor;
  };
}

Answer 1

有两种方法可以模拟 onpropertychange 事件，上面提到的 Mutation 事件应该在现代浏览器中同样有效，以及“object.watch”非标准方法将为旧版本的 FF < 3 提供支持。

请参阅有关 MDC 的文档。

Object.watch

Mutation events