Как добавить n в EventListener?

Question

[Ingernirated]

Джентельмены, ситуация такая, есть одна функция, но добавлена она в 2 обьекта, как в таком раскладе засунуть сюда n? Что бы каждый обьект вызывал св-во на свой. Можно было бы непосредственно в html теге вписать функция и там засунуть n, но интересует решение проблемы в данной ситуации. Как и куда можно впихнуть n?

var myImage = document.getElementsByClassName("iImg");

function none() {
myImage[n].style.display = "none";
}
myImage[0].addEventListener("click", opacity);
myImage[1].addEventListener("click", opacity);

Comments

[Ingernirated]

Сам в шоке

Answer 1

[Виталий]

Добавить листенер на родителя и получать элемент через event.target

Comments

[Ingernirated]

можно кодом?

[Виталий]

Ingernirated: а вто конекретно не ясно в моих словах?

[Виталий]

Твои ilmg находятся в контейнере же? Ну есть у них родительский элемент? На него вешаешь 1 листенер на все свои илмг, а внутри листенера понимаешь по какому элементу был клик через event.target

[Ingernirated]

Виталий: с event.target ещё не работал

[Dark Hole]

Ingernirated: блин, гугл отменили?)

[Виталий]

Dark Hole: что такое гугл, только тостер, только пережеванное)

Answer 2

[Anton fon Faust]

из не упомянутых в предыдущих постах:

myImage[0].addEventListener('click', {
                        handleEvent: opacity,
                        n: 0;
                    });

Соответственно, в функции n будет доступно как this.n

Answer 3

[Kovalsky]

Ну раз уважаемый ТС не собирается раскрывать секрет зачем ему такое понадобилось, полагаю я обязан без промедления адаптировать для него несколько решений из гугла. Так сказать, специальное решение.

Вот они:

1. Брать индекс из замыкания,
2. Не выдумывать сложностей и обращаться к элементу через переменную this
3. По совету vshvydky обращаться к элементам через event.target