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

标准做法是use an anonymous function：

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

或

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

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

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

3 个答案: