Как используя addEventListener передать параметр в функцию?

Как в этом случает удалять обработчик?

Дмитрий, removeEventListener

Ruslan Ruslanov, в этом случае removeEventListener не сработает, потому что передана анонимная функция)

Дмитрий, тогда надо вынести ее в константу, например. или так не сработает?

Ruslan Ruslanov, вызываемую при клике функцию нужно передавать как основной хендлер, только так этот обработчик можно удалить потом.

Дмитрий,
"нужно передавать как основной хендлер" - как это?) покажи плз пример

Res1dentEvil,
Основной это значит прописывать сразу имя функции, а не вызывать её через анонимную функцию

function hello(){console.log('hello')}

// это вызов функции сразу - removeEvent отработает
document.addEventListener('click', hello )
document.removeEventListener('click', hello )

// это вызов функции через вызов анонимной функции - removeEvent НЕ отработает
document.addEventListener('click', ()=> hello )
document.removeEventListener('click', ()=> hello )

Таким способом функция будет запускаться каждый раз при открытии страницы! Этот вариант - не вариант

Мда. Не варик. element.addEventListener('click', someFunk() - это вызов функции. Отработает как только js пробежится по странице.

webdeveloperzbk, функция возвращает функцию, а не её вызов))

Григорий, прежде чем отвечать не плохо бы проверить - element.addEventListener('click', () => someFunk(param)) при загрузке страницы будет именно ВЫЗОВ функции someFunk()

webdeveloperzbk, я проверил, а вы?

var someFunk = function(param1, param2) {
    return function (event) { // event по необходимости
       console.log(param1 + ' ' + param2);
    };
 };
 document.addEventListener('click', someFunk('Коллбек с доступным event', 'и аргументами'));

Григорий, да, он работает, но ведь лаконичнее:

var someFunk = function(param1, param2) {
            console.log(param1 + ' ' + param2);
    };
    document.addEventListener('click', () => someFunk('Коллбек с доступным event', 'и аргументами'));