如果我的容器div中的任何div被单击，我将如何签入javascript

您好，我正在开始一个tic-tac-toe游戏，我不确定如何检查我的board div中的任何元素是否在javascript中被点击。任何帮助都将不胜感激

<div class="board">
        <div class="box" data-index='0'></div>
        <div class="box" data-index='1'></div>
        <div class="box" data-index='2'></div>
        <div class="box" data-index='3'></div>
        <div class="box" data-index='4'></div>
        <div class="box" data-index='5'></div>
        <div class="box" data-index='6'></div>
        <div class="box" data-index='7'></div>
        <div class="box" data-index='8'></div>
    </div>
  

---

听起来你想要的是一个点击事件监听器：

---

要了解更多关于从监听事件而不是检查是否发生事件的角度来考虑JavaScript的信息，请查看外部

div

上的使用事件侦听器来监听单击。然后使用事件目标确定单击了哪个。要查找索引，请使用

数据集

获取

数据索引

值

document.querySelector（'.board'）。addEventListener（'click'，which）；
功能（事件）{
警报（`Index${event.target.dataset.Index}已被单击！`）；
}

.box{
宽度：15px；
高度：15px；
边框：1px实心深蓝色；
背景颜色：浅蓝色；
}

您可以在javascript中使用

onclick=“function\u name”

：

函数whichDiv（x）{
console.log（x）
}

0
1.
2.
3.
4.
5.
6.
7.
8.

请考虑：