javascript - AddEventListener 不适用于 onClick

标签 javascript onclick addeventlistener

我正在尝试使用 windows.addEventListener 在单击 div 时执行我的函数。然而什么也没有发生。

这是我的代码:

Javascript:

window.addEventListener('load', init);

function init(){
    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById("wheelContainer").addEventListener("onclick", function() { winPrize;
        }, false);
    });
}

谁能告诉我我做错了什么。

谢谢。

最佳答案

这里至少有三处错误:

  1. addEventLisener() 一起使用的事件名称是 "click",而不是 "onclick"
  2. 您应该使用窗口 load 事件或 DOMContentLoaded 事件,但不能同时使用。
  3. 您的点击处理函数实际上没有做任何事情。您是想调用类似 winPrize(); 的函数吗?

因此,清除所有这些问题后,您将得到:

document.addEventListener('DOMContentLoaded', function() {
    document.getElementById("wheelContainer").addEventListener("click", function() { winPrize();
    }, false);
});

您根本不需要 init() 函数或窗口加载事件处理程序,因为您可以在 DOMContendLoaded 事件触发时安装事件处理程序。

关于javascript - AddEventListener 不适用于 onClick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21442659/

相关文章:

javascript - 开 Jest 测试: Awating multiple promises in connected component

android - RecyclerView onClick 在过滤器适配器上出现错误

javascript - 我的函数在 onclick 函数内不起作用

JavaScript:删除事件监听器不起作用

javascript - 使用 Angular 5 的 EventListener 不会更新 DOM

javascript - 淡出与 yOffset 位置相关的 div

javascript - 自定义指令中的 AngularJS ng-model

javascript - JS更新显示值与DOM值不同

JavaScript 'keyup' 和 'keydown' 事件监听器只触发一次

javascript - 干净地获取新创建资源的 ID