AddEventListener不使用onClick

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

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

1. 用于的事件名称addEventLisener()是"click",而不是"onclick".
2. 您应该使用窗口load事件或DOMContentLoaded事件,但不能同时使用两者.
3. 您的点击处理函数实际上并没有做任何事情.你的意思是调用函数winPrize();吗？

所以,清理所有这些问题,你会有这样的:

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

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