javascript - 如何在javascript中根据事件触发带有参数的函数

Question

我知道以下三种在 JavaScript 中设置 onclick 事件的方法:

<element onclick="myScript">
object.onclick=function(){myScript};
object.addEventListener("click", myScript);

但是当我尝试执行以下操作时，它不起作用:

 object.addEventListener("click", myScript("value"));

如何才能最优雅地达到想要的结果？

Answer 1

问题处的

javascript 立即调用 myScript。您可以使用 Function.prototype.bind() 引用 myScript 并将参数 "value" 传递给 myScript在对象的点击时调用

function myScript(val) {
  console.log(val)
}

var object = document.querySelector("button");
object.addEventListener("click", myScript.bind(object, "value"));

<button>click</button>