将click事件分配给div但不在其中锚定

Question

一个jquery问题.

我有一个包含文本和锚标记的div.

我想将一个click事件分配给div标签及其内容EXCLUDING anchor标签.

因此,当我点击div时,会弹出一个警告窗口.但是,如果我单击锚点(div中的那个),则不应发生警报.

div就是这样的:

<div id="myDiv">
    This is the content of the div.
    <img src="blah.jpg" />
    <a href="somewhere.html">Click here</a>.
    Some more content.
</div>

有任何想法吗？我正在使用jquery将click事件分配给div.

Answer 1

您可以检查点击的目标,因为<a>没有孩子,例如:

$("#myDiv").click(function(e) {
  if(e.target.nodeName == 'A') return;
  //click handler code
});