javascript - javascript 中自定义事件的用途是什么？

Question

我无法理解您在什么情况下会使用自定义事件。 我的意思是由 CustomEvent 构造函数创建的。

我理解语法本身，但不明白它为什么有用。如果有人可以提供自定义事件的实际应用示例，那就太好了。

Answer 1

我使用它( shameless plug )在 div 元素上引发“调整大小”事件，然后使用单独的绑定(bind)框架(aurelia)来监听这些事件。

显式代码示例是:

var element = this.element; // some element
var erd = erd({ strategy: 'scroll' });

var widthOld = element.offsetWidth;
var heightOld = element.offsetHeight;

this.callback = () => {
  var event = new CustomEvent("resize", {
    detail: {
      width: this.element.offsetWidth,
      height: this.element.offsetHeight,
      widthOld: widthOld,
      heightOld: heightOld
    }
  });
  element.dispatchEvent(event);
  widthOld = this.element.offsetWidth;
  heightOld = this.element.offsetHeight;
};

erd.listenTo(this.element, this.callback);

erd 是 element-resize-detector这可以让你检测到任何 div 何时改变形状。