如何通过在父母上添加点击事件来阅读孩子？

Question

我正在动态打印表格，并在整个父级上添加了一个点击事件。但是点击事件是在没有任何点击的情况下调用的。当我按表格打印时，当我按下子按钮时，事件监听器没有响应？

document.querySelector("#mL").addEventListener('click',EandD);
         var EandD = function(event){
            var itemid =  event.target.parentNode.id;
            console.log(itemid);
            
            }

<!--the table prints dynamically from firebase server-->
<tbody class='movie-list' id="mL">

        {  <!--  <tr>
     <th scope="row">1</th>
      <td><button type="button" class="btn btn-warning d-inline-block"><ion-icon class="del" name="create-outline"></ion-icon></button><button type="button" class="btn btn-success d-none"><ion-icon class="del"name="checkmark-circle-outline"></ion-icon></button> </td>
      <td> <button type="button" class="btn btn-danger"><ion-icon class="del"name="close-circle-outline"></ion-icon></button></td>
    </tr> -->}
        </tbody>

Answer 1

尝试将表格包裹在<button> 或<a> 等可点击元素中，然后附加onClick 函数：

<button onClick={handleTableClick}>
    <tbody class='movie-list' id="mL">
        ....
    </tbody>
</button>

然后定义handleTableClick函数来处理点击事件。

function handleTableClick(event) {
    ....
}