JS-点击除了自己别的地方隐藏

张云，

已于 2022-04-01 15:53:54 修改

阅读量632

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： html javascript 前端

于 2021-05-16 01:14:19 首次发布

本文链接：https://blog.youkuaiyun.com/buzhidjiaosha/article/details/116870647

javascript 专栏收录该内容

18 篇文章

订阅专栏

这段代码展示了如何使用JavaScript的e.stopPropagation()方法阻止事件冒泡，实现点击`.xlBtn`显示`.xlBox`，并在点击body时隐藏它。通过one方法确保点击body只隐藏一次。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

e.stopPropagation()阻止事件冒泡

  $(".xlBtn").on("click",function(e){
	        $(".xlBox").show()
	        e.stopPropagation();
	        $("body").one("click",function(e){
	            $(".xlBox").hide()
	        });
	    });