1

Есть несколько div'ов, которые составляют шахматную доску, фигуры также находятся на шахматной доске, каждая из них в отдельном div'е, а у каждого div'a есть свой ID.

Хотелось бы через eventListener узнавать какой объект был нажат, но приписывать его каждому слишком долго и нудно, поэтому хотелось бы как-то автоматизировать данный процесс.

Как такое реализовать?

1
  • Более того, можно вообще без id, использовать индекс блока и посчитать, на какое поле тыкнули) 19 сен 2020 в 18:35

1 ответ 1

3

Достаточно повесить прослушку события на "обертку", и далее реализовать проверку, при успехе которой выводить результат:

const handleClick = event => {
  const id = event.target.id
  if (id) {
    console.log(id)
  }
}

document.querySelector(".wrapper").addEventListener("click", handleClick)
.wrapper > div {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: white;
  background-color: red;
  margin: 4px;
}
<div class="wrapper">
  <div id="div1">1</div>
  <div id="div2">2</div>
  <div id="div3">3</div>
  <div id="div4">4</div>
  <div id="div5">5</div>
  <div id="div6">6</div>
  <div id="div7">7</div>
  <div id="div8">8</div>
  <div id="div9">9</div>
  <div id="div10">10</div>
  <div id="div11">11</div>
  <div id="div12">12</div>
</div>

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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