div上的click事件不应该被它的孩子触发

本文介绍了div上的click事件不应该被它的孩子触发的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

假设我有以下代码：

<div id="parent"> <div id="child"></div> </div>

现在我将onClick事件附加到父div：

Now I attach an onClick event to the parent div:

$('#parent').click(function() { ... });

当我点击子div时，是否有一种简单的方法可以阻止事件触发？我不想做像

Is there an easy way to stop the event from triggering when I click on the child div? I don't want to do something like

$('#child').click(function() { return false; });

因为子div可能包含链接...

because the child div could contain links...

谢谢！

推荐答案

检查事件目标。

以下代码未经测试。

var div = document.getElementById('parent'); jQuery(div).click(function(event) { if (event.target !== div) { return false; } });