javascript - 为什么需要将自定义事件分派(dispatch)给对象？

Question

我看到我可以将自定义事件分派(dispatch)给一个对象。

1. 我想知道为什么需要将自定义事件分派(dispatch)给对象。

2. 我想按设定的时间间隔触发一个事件，在阅读了有关自定义事件的文档后，我仍然没有弄清楚如何使用函数触发它们。它是怎么做到的？

例如，我想使用 setInterval() 每 30 秒触发一次自定义事件“nextTime”。

Answer 1

调度事件与触发它们是一样的，因为它们是自定义事件，它们永远不会被任何东西自然触发，所以你必须自己触发它们。要从间隔触发事件，只需在间隔内分派(dispatch)事件即可。

你需要一个对象的原因是因为它是一个事件处理程序，如果它没有附加到一个元素，你就不会真的需要一个事件处理程序，你可以只使用常规函数来代替。

var event = new Event('custom'),
    elem  = document.getElementById('test');

elem.addEventListener('custom', function (e) {
    console.log('custom triggered');
}, false);

setInterval(function() {
    elem.dispatchEvent(event);
}, 30000);

FIDDLE