javascript - 如何部分防止Default()？

Question

有一个<label>用<a href="#">内的元素。我想阻止 <a> 的默认行为元素(即导航)，但它应该执行 <label> 的默认行为元素(即选中其中的复选框)。

测试用例:http://jsfiddle.net/3M6WE/ .点击 foo切换复选框。点击 bar不导航，但也不切换复选框。

我怎样才能得到 <a>元素不导航但有它切换复选框？我想避免像手动切换复选框这样的黑客行为。我正在寻找“部分”preventDefault ，如果可用的话。

Answer 1

您可以触发父元素(标签)的点击:

http://jsfiddle.net/3M6WE/11/

$("a").on("click", function(e) {
    e.stopPropagation();
    $(this).parent().click();
    // do stuff...
    e.preventDefault();
});

然后施展魔法，最后调用 preventDefault();