2

button.forEach(function(item){
    item.addEventListener('click', openPopup);
});

в функцию openPopup нужно передать индекс нажатого item. Как это реализовать?

1 ответ 1

5

Индекс в перебираемой коллекции идет вторым аргументом у функции, которую Вы передаете в forEach

collection.forEach(function(item, i) { 
   // one iteration
})

function openPopup(event, index) {
    console.log(index, event);
}
document.querySelectorAll('button').forEach(function(button, index) {
    button.addEventListener('click',  e => openPopup(e, index));
});
<button>нажми</button>
<button>на</button>
<button>кнопку</button>
<button>получишь</button>
<button>результат</button>

7
  • мне нужно передать index во внешнюю функцию
    – zazzaze
    20 июн 2019 в 9:42
  • @StrangerintheQ, но почему button.onclick-то?
    – vp_arth
    20 июн 2019 в 10:05
  • @vp_arth так меньше кода, вопрос же не про это, и этот слушатель тоже имеет право на использование, я его юзаю когда как раз нужна вытесняющая логика 20 июн 2019 в 10:06
  • @РустамГимранов, сделал минимально по ТЗ (сказано про передачу индекса, про передачу события - ни слова) и с минимальными правками ответа (автор ответа уже написал, почему onclick вместо addEventListener у него, хоть я и не совсем согласен)
    – br3t
    20 июн 2019 в 10:10
  • 2
    @br3t спасибо за участие, поменял на addEventListener, все таки так было у автора, ну и чтобы тапки не кидали тоже :) 20 июн 2019 в 10:25

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.