Question

我正在尝试使用windows.addEventListener在单击div时执行我的功能。然而，没有任何事情发生。

这是我的代码：

Javascript：

window.addEventListener('load', init);

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

有人可以告诉我我做错了什么。

三江源。

Answer 1

这里至少有三件事是错的：

与addEventLisener()一起使用的事件名称为"click"，而不是"onclick"。
您应该使用窗口load事件或DOMContentLoaded事件，但不能同时使用。{/ li>
您的点击处理程序功能实际上并没有做任何事情。你的意思是调用像winPrize();这样的函数吗？

所以，清理所有这些问题，你会得到这个：

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

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

AddEventListener不使用onClick

1 个答案: