Javascript .addListener()

在Javascript中，addEventListener()方法用于为DOM元素设置事件监听器。这个方法可以用来监听不同类型的事件，如click，mouseover和submit等等。

我们可以使用这个方法来设置自定义参数，以便在函数被调用时能够访问它们。为了设置自定义参数，我们需要使用一个匿名函数来包装我们的事件处理程序。然后，我们可以在匿名函数中声明所需的参数，并将其传递给函数。

以下是一个使用addEventListener()方法设置自定义参数的例子：

const myButton = document.querySelector('#my-button');

myButton.addEventListener('click', function(event, customParam1, customParam2) {
  console.log(event.target); // 处理事件的DOM元素(这里是 #my-button)
  console.log(customParam1); // 自定义参数1
  console.log(customParam2); // 自定义参数2
}.bind(null, customParam1, customParam2));

如上所述，我们使用bind()方法将自定义参数添加到函数中。bind()方法返回一个新函数，我们将它传递给addEventListener()方法进行处理。

这种方法的一个重要优点是，我们可以根据需要轻松地传递任意数量的自定义参数，以便它们可以在事件处理程序函数中使用。

总之，addEventListener()方法是Javascript中一个非常有用的工具，可以为DOM元素设置事件监听器并传递自定义参数。这个方法在编写动态应用程序时非常有用。