允许单击通过绑定到"单击"事件的div的链接

Question

我有div一些内容,其中有一些链接.它div本身监视click事件,因此它可以使内容可编辑.但是,我希望用户能够单击其中的链接div并使其导航到链接页面而不是编辑内容(点击div应该编辑内容的其他任何位置).我该如何实现这一目标？

代码示例:

<div id="content">
    Here's a <a href="http://google.com">link</a>.
</div>

// jQuery Javascript:
$("#content").click(function() {
    // Make content editable
});

(单击链接不应使内容可编辑,而应将页面指向google.com.)

编辑:我正在使用自己的代码使内容可编辑(用文本区域切换div,那种事情).

Answer 1

检查事件目标并返回true

$("#content").click(function(e) {
    if ($(e.target).is('a')) {
        return true;
    }
});

没有测试过

这背后的想法是从处理程序中提前纾困,并通过返回true,允许浏览器以通常的方式处理事件.