Question

这是我第一次遇到addEventListener（）方法的问题。当我尝试将它与setTimeout一起使用时，即使addEventListener具有“click”属性，也会自动调用该函数。

<button id="test">Test</button>

document.getElementById("test").addEventListener("click", setTimeout(myFunc, 2000));

function myFunc() {
  console.log("Hello");
}

Answer 1

这就是你想要的。

＆＃13;

document.getElementById("test").addEventListener("click", function(){setTimeout(myFunc, 2000)});

function myFunc() {
  console.log("Hello");
}

＆＃13;

<button id="test">Test</button>

＆＃13;

Answer 2

您可以在所调用的函数中使用setTimeout。 Jsfiddle

document.getElementById("test").addEventListener("click", myFunc);

function myFunc() {
    setTimeout(function(){
      console.log("Hello");
    }, 6000);
}

Answer 3

您可以保留与现在完全相同的代码，但curry通过bind调用您的函数，而不是尝试调用它，同时尝试将其作为参数传递。

document.getElementById("test").addEventListener("click", setTimeout.bind(null, myFunc, 2000));

function myFunc() {
  console.log("Hello");
}

<button id="test">Click</button>

addEventListener + setTimeout

3 个答案: