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

Question

[tundramani]

Есть функция которая назначена кнопке
в этой функции останавливается распространение события:

var x = function(event)
{
event.stopPropagation()
//дальше код функции...
}

нужно еще передавать в функцию аргумент:

var x = function(event, аргумент)
{
event.stopPropagation()
//дальше код функции...
}

не пойму как это правильно записать, как вызывать функцию?

x(аргумент)

Answer 1

[Андрей Hecc]

Можно использовать то, что называется High Order Function выглядит это примерно так:

Если использовать ES6:

const EventHandler = ( param ) => ( event ) => {
    // Есть доступ и к объекту event и к param
    // Do Smsng
}

btn.addEventListener('click', EventHandler( true ) );

Или используя более старый синтаксис:

const EventHandlerOld = function( param ){
    return function( event ){
      // Есть доступ и к обьекту event и к param
      // Do Smsng
    }
}
btn.addEventListener('click', EventHandlerOld( true ) );

Вызывая верхнюю функцию вы передаете туда нужный вам параметр и возвращаете назад в обработчик функцию, в которую придет объект события. Тем самым, в теле функции используя замыкания, имеете доступ к двум переменным.

Comments

[Кирилл Багаутинов]

а как от нее отписаться?

Answer 2

[hzzzzl]

это?

кнопка.addEventListener('click', e => x(e, аргумент))

Comments

[tundramani]

я не понимаю такой синтаксис

[hzzzzl]

программист №453, две кнопки, так и "по старинке"
https://codepen.io/anon/pen/WBjBoz?editors=1010

[tundramani]

hzzzzl, мой браузер не поддерживается этим сайтом

Answer 3

[Шохрух Шаймардонов]

Вы сами себе ответили. Так и пишите функцию. Event и аргумент передайте как параметры функции. Что тут не понятного?

Comments

[tundramani]

я пробовал несколько раз -всегда была ошибка
поэтому спрашиваю тут

я не понимаю как это записать
в учебнике не нашел про это

покажи как записать функцию и вызвать ее

[Шохрух Шаймардонов]

программист №453, выше ответили