如何通过addEventListener传递参数

   2024-10-09 6100
核心提示:要通过addEventListener传递参数,可以使用一个包装函数来实现。具体步骤如下:创建一个包装函数,该函数接受要传递的参数并返回

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

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

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

 
举报打赏
 
更多>同类维修大全
推荐图文
推荐维修大全
点击排行

网站首页  |  关于我们  |  联系方式网站留言    |  赣ICP备2021007278号