嵌套两个 Javascript 事件

Question

我试图通过 Javascript 中的 eventlistener 调用一个函数，并且在该函数中我调用了另一个 eventlistener。然而，在这样做时，我的第二个听众被完全忽略了。我需要满足什么条件才能完成这项工作吗？

    document.getElementById("my_canvas").addEventListener("mouseenter", this.getAttention); //first event listener 

getAttention: function(e){
    document.addEventListener("onclick", function(){ console.log("Hello World!"); });

这里的“Hello World”不是console。

请帮忙。

Answer 1

它被忽略了，因为第一个参数期望事件字符串没有 "on"，试试这个

document.addEventListener("click", function(){ console.log("Hello World!"); });

Answer 2

调用 addEventListener 方法时，您传入事件名称作为第一个参数。点击事件的名称是'click'.

document.addEventListener('click', myFunc);

将点击事件处理程序注册为 HTML 属性的语法是 onclick

<button onclick="myFunc"></button>

嵌套两个 Javascript 事件

Nesting two Javascript events

javascript

events

event-handling

dom-events