温馨提示×

如何通过addEventListener传递参数

小樊
88
2024-06-17 20:17:51
栏目: 编程语言

要通过addEventListener传递参数,可以使用一个包装函数来实现。具体步骤如下:

  1. 创建一个包装函数,该函数接受要传递的参数并返回一个函数,该函数是事件监听器的回调函数。
function handleClick(param) {
  return function(event) {
    console.log(param);
  }
}
  1. 在addEventListener中调用包装函数,并传递要传递的参数。
const button = document.querySelector('button');
const param = 'Hello World';
button.addEventListener('click', handleClick(param));

这样当按钮被点击时,控制台会输出’Hello World’。通过这种方法,可以很容易地通过addEventListener传递参数。

0