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

Posted 2023-03-16

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

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

参考技术A 可以尝试在子元素的mousedown事件函数中用event.cancelBubble=true;取消事件冒泡