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

js事件处理程序参数传递

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

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

闭包

立即学习“Java免费学习笔记（深入）”；

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 事件处理程序中传递参数？的详细内容，更多请关注抖狐科技其它相关文章！