javascript - jQuery 如何在整个 div 可点击时使 div 中的链接起作用

Question

我正在使用此代码使整个 div 可点击。

$(document).on('click', '.clickable', function (e) {
    window.location = $(this).find('a.main').attr("href");
    return false;
});

div 中大约有 4 个链接，我希望它们正常工作，因此，如果单击 div，类 .main 的链接将被调用/单击。我想制作因此，当在 div 中单击其他链接时，它们会像链接一样工作。

Answer 1

当您点击某些 DIV 时，使用 e.stopPropagation(); 防止点击背景可点击对象

$(document).on('click', 'div.clickable', function (e) {
    window.location.href = $(e.target).find('a.main').attr("href");
    e.stopPropagation();
    return false;
});

更新:检查 jsFiddle