浏览器 javascript 创建自定义事件

Question

我不明白这个：

我尝试创建一个自定义事件，该事件应在 table 正文中完全加载列表时触发。像这样（加载列表后执行）：

  var event = new Event('mklistloaded', {
        name: 'listname'
  });

  document.dispatchEvent(event);

这是“接收”端：

document.addEventListener('mklistloaded', function(e) {

    console.log('mklistloaded event: ' + JSON.stringify(e));

});

但是控制台日志打印出来：

mklistloaded event: {"isTrusted":false}

这与 mozilla 示例中描述的完全相同：

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

我做错了什么？

Answer 1

您错过了 docs "Adding custom data – CustomEvent()"

中的部分

document.addEventListener('mklistloaded', function(e) {
  console.log('mklistloaded detail: ', e.detail);
});
// use CustomEvent() instead of Event()
var event = new CustomEvent('mklistloaded', {
  'detail': 'listname'
});

document.dispatchEvent(event);

请注意，它似乎需要使用属性名称 detail

浏览器 javascript 创建自定义事件

browser javascript creating custom events

javascript

browser

events

dom

mozilla