Javascript-多个自定义事件监听器

汤皮纳

触发事件后,我需要从网站上3个不同的位置执行代码。我添加了3x侦听器,但由于某些原因,只有第一个侦听器被调用。

这是我目前正在测试的代码:JSFiddle

window.addEventListener('tompina_event', function (e) {
    document.write("triggered 1");
});

window.addEventListener('tompina_event', function (e) {
    document.write("triggered 2");
});

window.addEventListener('tompina_event', function (e) {
    document.write("triggered 3");
});



var evt = new CustomEvent('tompina_event');
window.dispatchEvent(evt);

结果:

triggered 1

这是我希望得到的结果:

triggered 1triggered 2triggered 3
捕鼠器

它可以工作,但是document.write销毁原始页面,从而破坏了其他代码的执行。

请重写,以便以其他方式设置结果,例如alert("triggered 1")console.log("triggered 1")

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

SVG转换的Javascript事件监听器

来自分类Dev

查看事件监听器-Javascript

来自分类Dev

JavaScript“函数调用”事件监听器

来自分类Dev

javascript删除事件监听器

来自分类Dev

事件监听器中的JavaScript关闭

来自分类Dev

Javascript事件监听器问题

来自分类Dev

Javascript,创建和监听自定义事件

来自分类Dev

删除自定义事件监听器

来自分类Dev

使用自定义事件监听器Java

来自分类Dev

设置自定义事件监听器

来自分类Dev

Javascript'keydown'事件监听器不起作用

来自分类Dev

JavaScript:在元素上删除事件监听器

来自分类Dev

javascript在事件监听器中更改html

来自分类Dev

在JavaScript中多次绑定事件监听器

来自分类Dev

点击时的Javascript事件监听器无法正常工作

来自分类Dev

如何使用纯Javascript复制事件监听器

来自分类Dev

使用javascript事件监听器更改按钮的文本

来自分类Dev

无法删除Javascript上的事件监听器

来自分类Dev

如何使用事件监听器加载JavaScript文件

来自分类Dev

html,javascript onclick事件监听器Dom

来自分类Dev

以下链接后未添加Javascript事件监听器

来自分类Dev

以下链接后未添加Javascript事件监听器

来自分类Dev

以下链接后未添加Javascript事件监听器

来自分类Dev

以下链接后未添加Javascript事件监听器

来自分类Dev

javascript在事件监听器中更改html

来自分类Dev

JavaScript事件监听器运行两次

来自分类Dev

在JavaScript中多次绑定事件监听器

来自分类Dev

复选框上的Javascript事件监听器

来自分类Dev

Android自定义监听器