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

您可以使用诸如函数绑定之类的东西或使用处理程序来执行此操作：

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