javascript - 从行点击获取点击列索引

Question

我有一个行点击事件。最近不得不在每一行中添加一个复选框。如何识别行点击事件中被点击的单元格？

或者在单击复选框时阻止行单击。

尝试:this.parentNode.cellIndex 在行点击事件上未定义。

function pop(row){
alert(row.cells[1].innerText);
}

<table style="width:100%">
  <tr>
    <th>Select</th>
    <th>Site</th> 
  </tr>
  <tr onclick="pop(this);">
    <td><input type="checkbox" id="123456" /></td>
    <td>Lonodn</td> 
  </tr>
</table>

Answer 1

你想要这样的东西吗？您可以只检查事件源元素的 type 属性并验证是否允许它，您可以使用 e.stopPropagation();return;.

function pop(e, row) {
console.log(e.srcElement.type);
  if(e.srcElement.type === 'checkbox'){
    e.stopPropagation();
    return;
  }else{
    console.log(row);
    alert(row.cells[1].innerText);
  }
}

<table style="width:100%">
  <tr>
    <th>Select</th>
    <th>Site</th>
  </tr>
  <tr onclick="pop(event, this);">
    <td><input type="checkbox" id="123456" /></td>
    <td>Lonodn</td>
  </tr>
</table>