Как передать параметр из события?

Для передачи параметра из события в JavaScript можно воспользоваться различными способами, в зависимости от контекста и требуемой функциональности. Рассмотрим несколько часто используемых методов:

Использование свойства event.target:

При использовании обработчика событий, можно получить элемент, на котором произошло событие, через свойство event.target. Например:

     function handleClick(event) {
         const parameter = event.target.dataset.parameter;
         // Далее можно использовать параметр в обработчике
     }

     const button = document.querySelector('#myButton');
     button.addEventListener('click', handleClick);

В данном примере, если на кнопке с id myButton присутствует атрибут data-parameter, то его значение можно получить через event.target.dataset.parameter.

Использование замыканий:

Другим способом передачи параметра из события является использование замыканий, т.е. определение функции-обработчика внутри другой функции. Например:

     function createClickHandler(parameter) {
         return function(event) {
             // Используем параметр внутри обработчика
         }
     }

     const button = document.querySelector('#myButton');
     button.addEventListener('click', createClickHandler('someParameter'));

В этом случае, функция createClickHandler создает и возвращает функцию-обработчик с уже заданным параметром.

Использование объекта Event и CustomEvent:

Можно воспользоваться объектом CustomEvent для создания собственных событий с передачей параметров. Например:

     const event = new CustomEvent('customEvent', { detail: { param1: 'value1', param2: 'value2' } });
     document.dispatchEvent(event);

     document.addEventListener('customEvent', function(event) {
         const parameter1 = event.detail.param1;
         const parameter2 = event.detail.param2;
         // Далее можно использовать параметры
     });

В данном случае, можно передавать параметры в объекте detail и обрабатывать их в обработчике события.

Это лишь несколько способов передачи параметров из событий в JavaScript. В зависимости от требований вашего проекта вы можете выбрать наиболее подходящий способ.