如何测试window.addEventListener函数

Question

这里添加了一个事件监听器，如果我想测试这个事件监听器是否工作，我该如何测试？window.postMessage 似乎没有触发此事件。基本上，如何触发“some_event”以便我的 EventListener 运行？

window.addEventListener('some_event', function() {
    console.log("some_event triggered");
});

请注意，我能够通过“click”事件重现，但我想知道的是，我如何知道是否有任何字符串作为事件传递。例子：

window.addEventListener('add_to_cart', function() {
    console.log("some_event triggered");
});

所以我想模拟这个事件监听器来检查它是否正常工作。我该如何测试这个？

Answer 1

您需要使用一些具体的事件名称，例如click- 然后单击浏览器页面窗口 - 例如：

window.addEventListener('click', function() {
    console.log("some_event triggered");
});

以下是有关触发事件和情况的一些信息。

问题更新后

是的，您可以定义并触发任意事件 - 请阅读此处。这是一些示例代码：

window.addEventListener('click', function() {
    console.log("some_event triggered");
});

因此，您可以使用以下方式触发事件window.dispatchEvent(event)，这就是您可以测试它的方式。