JS怎么实现子元素mousedown不触发父元素的click事件

Question

如题所述

Answer 1

使用event.stopPropagation阻止事件冒泡。

$('.child').on('mousedown', function (e) {
    //子元素的mousedown事件处理
    e.stopPropagation();
});
$('.parent').on('click', function () {
    //父元素click事件处理
});

Answer 2

可以尝试在子元素的mousedown事件函数中用event.cancelBubble=true;取消事件冒泡本回答被网友采纳