点击除el元素之外的地方，隐藏该el元素

最新推荐文章于 2022-10-12 11:37:29 发布

王2疼

最新推荐文章于 2022-10-12 11:37:29 发布

阅读量226

点赞数

分类专栏： js小tip 文章标签： js html

本文链接：https://blog.csdn.net/weixin_39228870/article/details/85328434

版权

js小tip 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

点击除el元素之外的地方，隐藏该el元素
需求：点击$("#dos")显示tab栏，点击body除了tab栏的其他地方，隐藏tab栏

$("#dos").click(function(){
	$("#tabs").show("slow");
});
$(document).bind('click', function(e) {
	var e = e || window.event; //浏览器兼容性 
	var elem = e.target || e.srcElement;
	while (elem) { 
		if (elem.id && elem.id == 'tabs' ) { //判断点击的元素是不是tab栏
			return;
		}
	elem = elem.parentNode;
	}
	$("#tabs").hide();//隐藏tab栏
});