点击div外部，隐藏该DIV

最新推荐文章于 2022-05-11 09:15:57 发布

原创最新推荐文章于 2022-05-11 09:15:57 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

功能实现同时被 2 个专栏收录

41 篇文章

订阅专栏

JQuery

12 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的交互效果，当点击关注按钮时，二维码将显示出来；而当点击二维码以外的部分，二维码则会隐藏。这种效果常用于网页设计中，提升用户体验。

	// 点击 关注按钮 弹出 二维码，点击二维码以外部分，隐藏二维码
	$(".focus").on("click", function(e){
	    $(".ewCode").show();
	    $(document).one("click", function(){
	        $(".ewCode").hide();
	    });
	    e.stopPropagation();
	});
	$(".ewCode").on("click", function(e){
	    e.stopPropagation();
	});