Javascript CustomEvent 详细信息未通过

Question

我正在尝试创建自定义 Javascript 事件。该事件正常运行并触发，但我传递给它的“详细信息”对象不可用。

这是我用来创建和发送事件的代码:

var double_tap = new CustomEvent("doubleTap", {
    detail: {
        hello: 'world'  
    },
    bubbles: true,
    cancelable: true
});

this.dispatchEvent(double_tap);

然后我使用 jQuery 向正文添加一个事件监听器:

$('body').on('doubleTap', function( e ) { 
    console.log(e);
});

它确实触发了，并且出现了控制台日志，但不幸的是，日志仅输出事件详细信息，包括气泡和可取消属性，但从不输出“详细信息”对象，因此无法访问信息。

这里有一个 jsbin 作为例子，我在 body 的点击事件上创建事件，这样你就可以看到控制台； http://jsbin.com/looseroots/6

我希望能够在触发事件时从“详细信息”对象获取数据。我究竟做错了什么？我已经在 Chrome 和 iOS 上的 Safari 中对此进行了测试。

Answer 1

obj.addEventListener("eventName", function(e) {
console.log(e.your_property)
})

var event = new CustomEvent("eventName");
event.your_property = { key: "value" };

obj.dispatchEvent(event);

您可以在 CustomEvent 中创建属性，当您发送它时。