题解 | #阻止冒泡事件#

阻止冒泡事件

https://www.nowcoder.com/practice/1c12ccea98b049078d2cd3ef39269856

     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;
    })

全部评论
这个题中的preventDefault()是不行的
点赞 回复 分享
发布于 2024-04-27 11:07 陕西

相关推荐

05-14 20:34
门头沟学院 Java
窝补药贝八股:管他们,乱说,反正又不去,直接说680
点赞 评论 收藏
分享
05-07 13:29
已编辑
门头沟学院 Java
北斗导航Compass低仿版:能不能先搞清楚优先级啊,怎么可能是项目问题,项目很重要吗?又没学历 又没实习大厂凭啥约面?那玩具项目 没应用在真实生产环境下的 就算做上天又有什么用?早点找个小公司实习 拿小公司实习去投大厂实习,这才是你现在该做的
投递美团等公司9个岗位 简历被挂麻了,求建议
点赞 评论 收藏
分享
评论
6
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务