如何在 JavaScript 事件处理程序中传递参数?

如何在 javascript 事件处理程序中传递参数?

js事件处理程序参数传递

正如问题中所述,通过bt.onclick = fun无法给fun(a)函数传递参数。

事实上,事件处理程序中无法直接传递参数。但我们可以利用闭包或function构造函数间接实现参数传递。

闭包

var a = "aaa";
var bt = document.getelementbyid("bt");
bt.onclick = function() {
  fun(a);
};

在闭包中,a引用着外部变量,不会被回收。当事件处理程序调用时,a的值仍能被访问。

function构造函数

var bt = document.getElementById("bt");
bt.onclick = new Function("a", "fun(a)");
bt.onclick("bbb");

这里,new function("a", "fun(a)")创建了一个匿名函数,参数为a,函数体为fun(a)。当事件处理程序调用时,这个匿名函数被执行,从而实现参数传递。

以上就是如何在 JavaScript 事件处理程序中传递参数?的详细内容,更多请关注其它相关文章!