Question

我有一个表格，点击行显示并隐藏项目的详细信息，并且我在行内的单元格中有一个自定义onclick处理程序的链接。如何防止在链接onclick处理程序中执行row onclick处理程序。因此，我希望通过链接点击打开新窗口，而不显示/隐藏详细信息。

Answer 1

当孩子点击父母也有onclick事件时，请参阅stopPropagation()用于阻止冒泡事件的http://blog.ionic.io/ios-11-checklist/。请查看以下代码段以获取简单示例，因为您尚未共享任何代码。

$('.mySpan').on('click', function(e) {
  console.log('span clicked');
  e.stopPropagation();
});
$('.myDiv').on('click', function(e) {
  console.log('div clicked');
});

.myDiv {
  width: 100%;
  height: 50px;
  background: #ccc;
}

.mySpan {
  background: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myDiv">
  <span class="mySpan">My span text</span>
</div>

jQuery抑制父元素事件处理程序

1 个答案: