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

最新推荐文章于 2024-06-10 00:37:39 发布

王2疼

最新推荐文章于 2024-06-10 00:37:39 发布

阅读量260

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/weixin_39228870/article/details/85328434

js小tip 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的功能，当点击特定元素显示Tab栏后，再次点击页面上除Tab栏以外的任意位置，将自动隐藏该Tab栏。通过绑定click事件监听器并检查点击目标是否为Tab栏或其子元素，实现了这一交互效果。

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

点击除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栏
});