在条件下取消javascript onClick事件

Question

我有一个包含多列的html表，其中一列是一个按钮。当表行单击时，调用javascript函数来修改youtube.com/channel/CHANNEL_ID/live属性，以便转到另一个页面。单击按钮时，我希望用户保持在同一页面上并执行不同的操作。我使用按钮的windows.href事件来做到这一点。该函数被调用，但用户仍然被转移到另一个页面。除了按钮所在的单元格之外，我怎样才能防止这种情况，然后将onClick甚至表行移动到每个表格单元格？有更优雅的解决方案吗？

Answer 1

您正在寻找stopPropagation()。在你的事件处理程序中，尝试这样的事情：

function handleButtonClick(e) {
  // Stop click event from "bubbling up" to parent elements
  e.stopPropagation();

  // Other logic ...
}

有关详细信息，请参阅https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation。