点击弹出窗体外部，弹出窗消失（类似Android的dialog）

最新推荐文章于 2022-01-26 14:54:59 发布

ymlvtimi

最新推荐文章于 2022-01-26 14:54:59 发布

阅读量442

点赞数

分类专栏： jsp的小知识

本文链接：https://blog.youkuaiyun.com/ymlvtimi/article/details/89132057

版权

jsp的小知识专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何在Vue.js项目中结合jQuery处理页面点击事件，实现特定元素的显示与隐藏逻辑，同时避免不必要的重复操作，保持代码的清晰与高效。

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

//整个页面绑定的点击事件
$(document).click(function(event){
				//仅当用户弹出窗显示时调用内部方法（结合vue的使用）
					if(vmUser.canshow){
						//当点击的是font_user这个id所指控件时，不执行
						//原因：此弹出框是由font_user点击弹出的，font_user点击也有再关闭的逻辑
								//不需要当前页面重复操作
						if(event.target.id=="font_user"){
							return false;
						}
						//弹出框的显示取反，即不显示
						vmUser.canshow=!vmUser.canshow;
						$("#font_user").css({
							"box-shadow":"none",   //font_user变换其阴影消失
						});
					}
				});