点击页面空白处就关闭某个层是怎么做到的

如果用document事件的话，那点那个层里面也会触发，这不是想要的结果，怎么能做到点击除了那个层内部的区域外的任何地方，就触发事件

--------------------------------------------------------------------------------

那点那个层里面也会触发？
判段点击的srcElement或者target是谁

回复：点击页面空白处就关闭某个层是怎么做到的

--------------------------------------------------------------------------------

假如需要隐藏的div的id是div1
找到触发click源的srcElement或者target的id
if（id!="div1"）{
//close;
}

--------------------------------------------------------------------------------

event.srcElement?event.srcElement:event.target;

转载于:https://www.cnblogs.com/hun_dan/archive/2011/03/01/1968308.html

点击页面空白处就关闭某个层是怎么做到的相关推荐

Vue js 实现点击页面空白处隐藏指定div
Vue js 实现点击页面空白处隐藏指定div <template><div class="page" @ ...
qtreewidget点击空白处时取消以选项_VUE+elementUI 点击页面空白处弹窗不隐藏
点击空白处不隐藏弹窗,点击弹窗里的'x'和取消按钮关闭弹窗. os:人家都是让点击空白处隐藏弹窗,为啥我们的需求有点另类?!木有办法~大佬有需求,小小程序员只能领命... 话说,element的el- ...
jq点击按钮打开和关闭弹出层，点击除了当前按钮以外的地方关闭弹出层
1.html <a id="more" οnclick="moreFun()">更多</a> <ul id="moreL ...
百度Ueditor 富文本弹出层，如何保证点击空白处不关闭
百度Ueditor 富文本弹出层,如何保证点击空白处不关闭使用百度富文本上传图片.视频等资源时,在上传过程中如果点击了弹出层外的地方,弹出层自动关闭,上传就自动退出了,导致资源就上传失败.如何解决这 ...
win10 uwp 让焦点在点击在页面空白处时回到textbox中
原文:win10 uwp 让焦点在点击在页面空白处时回到textbox中在网上有一个大神问我这样的问题:在做UWP的项目,怎么能让焦点在点击在页面空白处时回到textbox中? 虽然我的小伙伴认为 ...
vue自定义弹窗dialog，vue 点击遮罩层功能区以外的地方关闭遮罩层
vue自定义弹窗dialog,vue 点击遮罩层功能区以外的地方关闭遮罩层 1.示例展示 2.代码 <template><div class="content"& ...
vue 点击遮罩层功能区以外的地方关闭遮罩层
点击红色框外的遮罩层区域关闭遮罩层方法一: 关键点:@click="close($event)" ref="msk" <div v-if="p ...
点击遮罩层的背景关闭遮罩层
开发工具与关键技术:Adobe Dreamweaver CC 作者:黄灿撰写时间:2019.1.16 在模仿华为官方网页的练习当中我发现华为官网中有一个遮罩层是随便点击遮罩层的背景也能关闭掉遮罩层, ...
点击遮罩层的背景关闭遮罩层（HTML）
在模仿华为官方网页的练习当中我发现华为官网中有一个遮罩层是随便点击遮罩层的背景也能关闭掉遮罩层,但唯独点击内容区域不会关闭掉遮罩层.于是我开始模仿这个写案例,连内容也一模一样(因为这个练习就是要写出和 ...

点击页面空白处就关闭某个层是怎么做到的

点击页面空白处就关闭某个层是怎么做到的相关推荐

最新文章

热门文章