如何使 DIV 在不可点击的区域上可点击？

Question

我有一个<div>包含一些链接（<a>标签）和其他元素的文件。我想让<div>行为像一个按钮，这意味着每当用户点击它的每个部分时，它应该导航到某个链接。有一些这样的解决方案： 将一个 div 变成一个链接我也可以让它与 jQuery 一起工作，但是，问题是我希望 中的<a>标签<div>像以前一样工作。我找不到任何使这成为可能的解决方案。我怎样才能做到这一点？

Answer 1

$('#mydiv a').click(function(e) {
  e.stopPropagation();
});

事件冒泡，这就是他们所做的。这称为传播。调用stopPropagationjQuery 事件对象应该可以防止该事件冒泡到包含它的 div。

jQuery 文档在这里

并且由于事件处理程序不这样做return false，因此浏览器对<a>标签的默认单击处理仍将被触发，这意味着href将照常进行。

在这里查看一个工作示例：http ://jsfiddle.net/Squeegy/2phtM/