const li=document.querySelector('li')li.addEventListener('click', function(event) {
//方法一:cancelBubble 属性防止事件流冒泡到父元素。
event.cancelBubble=true;
//方法二:提示:如需防止向上冒泡到父元素并向下被子元素捕获,使用 stopPropagation() 方法。
event.stopPropagation();
//方法三:preventDefault() 用于取消事件的默认行为,
//如果a标签的默认事件是href跳转,加了就不会跳转了
event.preventDefault();
//方法四:事件处理过程中,阻止了事件冒泡,也阻止了默认行为,相当于会直接调用 preventDefault和stopPropapation
return false;
})

京公网安备 11010502036488号