Javascript将带参数的函数调用添加到按钮

Question

我想通过javascript添加一个包含HTML按钮参数的函数调用。我知道这个问题有很多问题，但我找到的答案都没有对我有用。

注意：我的HTML和JS位于正确链接的单独文件中（JS代码可以正常工作）

问题： 我可以像这样添加函数调用：

var $add  = $("#add");
$add.click(myFunction);

但是$add.click(myFunction(i));不起作用。（也尝试使用特定的整数）

我也尝试过以下方式：

document.getElementById('add').onclick = function() {myFunction(i);};

但是这样的功能甚至都没有应用到按钮上。

我的函数在JS文件中定义如下：

function myFunction(length) {

//do stuff with length I would notice

}

Answer 1

您可以使用函数绑定之类的东西，或者使用handler：

$add.click(function(e){
  myFunction(i);
});