onclick函数传递参数[重复项]

Question

此问题已经在这里有了答案：

addEventListener calls the function without me even asking it to（4个答案）

关闭9分钟前。

如何将变量传递给onclick函数？使用时

var number = 123;
document.getElementById('myButton').onclick = myFunction(number);

它甚至会在单击按钮之前运行该函数，因为该函数将被调用并且返回值将被放入onclick中，这对我没有帮助

没有“（）”，它将仅在单击按钮后才调用该函数，但随后如何传递变量？

var number = 123;
document.getElementById('myButton').onclick = myFunction;

function myFunction(i) {
    i += 10;
    alert(i);
}

Answer 1

一种选择是使onclick成为匿名函数来调用myFunction。

var number = 123;
document.getElementById('myButton').onclick = () => {
  myFunction(number)
}

function myFunction(i) {
  i += 10;
  alert(i);
}

<buton id="myButton"> Test button </buton>