如何在onclick函数中传递参数？

Question

我想使用在JavaScript中带有参数的onclick函数。

调用button.onclick = someAction起作用。 有没有办法使用带有参数的函数呢？ 例如：

function loadAPP() {
    button = someButton(param);
    button.onclick = someAction(param);
    document.body.appendChild(button);
}

Answer 1

您可以使用bind并将参数绑定到函数。

 const someAction = param => console.log(param); const button = document.createElement('button'); button.onclick = someAction.bind(button,'this is my params'); document.body.appendChild(button); 

Answer 2

我知道的最简单的方法是将值包含在data-*属性中，并在click事件函数中调用它

 var btn = document.getElementById("test"); btn.onclick = function(){ console.log(btn.getAttribute("data-param1")); console.log(btn.getAttribute("data-param2")); } 

 <button id="test" data-param1="value1" data-param2="value2"> Test </button> 

Answer 3

标准做法是使用匿名函数 ：

button.onclick = () => someAction(param);

要么

button.onclick = function() { someAction(param) };

如果您的环境不支持箭头语法。