JavaScript 事件绑定传参：如何给事件处理程序传参？

大家好，我们又见面了啊~本文《JavaScript 事件绑定传参：如何给事件处理程序传参？》的内容中将会涉及到等等。如果你正在学习文章相关知识，欢迎关注我，以后会给大家带来更多文章相关文章，希望我们能一起进步！下面就开始本文的正式内容~

js事件绑定传参技巧

在javascript中，给元素对象绑定事件后如何给事件处理程序传参呢？

默认情况下，事件处理程序只能指定函数对象，无法直接传参。对于像bt.onclick = fun(2);这样的写法，虽然看上去像传参，但其实会直接在页面加载时调用函数。另一个尝试bt.onclick = "fun(2)"; 也不行，因为这样会导致点击无效。

为了实现传参，有以下两种方法：

方法一：使用闭包

这种方法通过在外部函数中定义内部函数的方式来实现传参。外部函数的参数会被传入内部函数，从而实现事件处理程序中传参。

<script !src="">
  var a = "aaa";
  function fun() {
    alert("hello + " + a);
  }
  var bt = document.getelementbyid("bt");
  // 只能指定函数对象
  bt.onclick = fun; // 如何传参呢？
</script>

方法二：使用匿名函数

另一种方法是使用匿名函数进行传参，将需要传参的函数作为参数传入匿名函数即可。

<script !src=""> 
  function fun(a) {
    alert("hello + " + a);
  } 
  var bt = document.getElementById("bt");
  bt.onclick = function() { fun('aaa'); };
</script>

今天关于《JavaScript 事件绑定传参：如何给事件处理程序传参？》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！