Методы передачи аргументов прослушивателям событий в JavaScript

Чтобы передать аргументы прослушивателю событий в JavaScript, у вас есть несколько вариантов:

  1. Использование анонимной функции. Вы можете передавать аргументы прослушивателю событий, обернув код обработчика событий внутри анонимной функции. Вот пример:
var element = document.getElementById('myElement');
var arg1 = 'argument 1';
var arg2 = 'argument 2';
element.addEventListener('click', function() {
  // Your event handler code here, which can access arg1 and arg2
  console.log(arg1, arg2);
});
  1. Использование метода Bind(). Вы можете использовать метод bind()для привязки аргументов к функции обработчика событий. Вот пример:
var element = document.getElementById('myElement');
var arg1 = 'argument 1';
var arg2 = 'argument 2';
function eventHandler(arg1, arg2) {
  // Your event handler code here, which can access arg1 and arg2
  console.log(arg1, arg2);
}
element.addEventListener('click', eventHandler.bind(null, arg1, arg2));
  1. Использование атрибутов данных. Вы также можете использовать атрибуты данных для хранения аргументов в элементе HTML и их извлечения в обработчике событий. Вот пример:
<button id="myButton" data-arg1="argument 1" data-arg2="argument 2">Click me</button>
var element = document.getElementById('myButton');
element.addEventListener('click', function() {
  var arg1 = element.dataset.arg1;
  var arg2 = element.dataset.arg2;
  // Your event handler code here, which can access arg1 and arg2
  console.log(arg1, arg2);
});