如何在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) };

如果您的環境不支持箭頭語法。