javascript - JavaScript 中的事件处理程序

Question

我希望构建两个函数:

var MyObject = new Object();
MyObject.MyProperty = 1;

function ListenToChange() {
  here I want to listen to changes in MyProperty1 and do something when it changes
}

function ThrowEvent () {
  here I change the value of MyProperty every 5 seconds
  setTimeOut('ThrowEvent', 5000);
}

我查看了 addEventListener 属性，但它看起来适用于 DOM 对象。我考虑过使用 ThrowEvent 函数更改隐藏 div 的值并使用 $('#HiddenDiv').change() 监听隐藏值的变化但我想知道是否有更好的方法它与 addEventListener。

感谢您的帮助。

Answer 1

我可以从您的示例中推断出您正在使用 jQuery；您可以在更改属性值时随时触发自定义事件:

var my_obj = {my_prop: 1}

function ListenToChange(event, newval) {
  console.log('my_prop is now' + newval)
}
$.bind("propchange:my_prop", ListenToChange)

function ThrowEvent () {
  $.trigger('propchange:my_prop', my_obj.my_prop)
  setTimeOut('ThrowEvent', 5000);
}