js鼠标点击其他地方本元素关闭，js的鼠标点击事件

我有一个js写的弹出层,我怎样使得鼠标点击弹出层以外的地方,这个层关闭...

document.getElementById(new1).style.display=none；（new1为层的id none为隐藏，block为显示）。

最高效的方法是去改lightbox这个组件的源代码，它没有放出这方面的参数，默认就是点击任何位置会关闭。

先关闭弹出层，后关闭遮罩层。点击按钮后，弹出，要给按钮加上onclick函数，点我，显示弹出层。整体代码如下，css 样式可根据个人的喜好自行添加。

相关问答

Q1: JS或JQuery点击其他地方关闭弹出元素,但是点击元素却不会关闭的代码怎么...

1、最高效的方法是去改lightbox这个组件的源代码，它没有放出这方面的参数，默认就是点击任何位置会关闭。

2、一款jQuery点击空白处隐藏弹出层网页特效，点击按钮弹出层、点击页面空白处弹出层消失JS代码。主要功能是点击按钮弹出层显示，然后通过点击页面任意位置都能关闭弹出层显示效果，主要是$(document).click的操作应用。

3、判断target是不是drag，判断target是不是drag里面的元素。

4、把onclick=if(confirm(确定退出吗))window.location=http：//baidu.com放在任何一个支持click事件的HTML元素中就可以 比如DIV BUTTON INPUT A标签 总之把代码拷贝过去 按一下那个按钮你就明白了 以上。

5、用jquery很容易实现 先调用一个jquery。

6、在body绑订一个事件，这个事件只把这个弹窗口关闭就行了，如果这个弹窗口弹出的时候才帮订这个事件。

Q2: 点击js弹出div层,当鼠标移出div层窗口后任意点击关闭div层窗口!大虾们...

一个界面上有一个按钮btn1，点击按钮弹出一个水平垂直居中的div层1，弹出的div层1 上又有一个按钮btn2，点击btn2时候同样弹出一个水平垂直居中div层2，第一个div层关闭。

当你点其他地方时，光标就没了，就会触发blur事件。你要做到当div显示时，让隐藏在div内的文本框处于焦点，点击其他地方时，文本框的焦点自然会消失，blur事件把当前div隐藏。

第一步点击其他区域，这个div消失。建议你在这个div外层加一层overlay，这个overlay遮住除div之外所有其他东西。这样比较好判断是不是点击的这个div。函数如下，功能是点击overlay之后overlay消失。

建议你再检查一下代码，这个就是一个遮罩，现在网上也有很多这种插件，如果点击不能隐藏关闭，建议你再检查一下代码，这个就是一个遮罩，现在网上也有很多这种插件，如果点击不能隐藏关闭，建议你再检查一下代码。

Q3: JS如何点击其他区域时隐藏某个标签

首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。

打开html开发软件，新建一个html文件。在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

如果要让a标签隐藏可以通过如下方式：锚点连接 如要要让不显示的a标签显示只需要将style中的display：none这个属性给去掉；因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。

关于js鼠标点击其他地方本元素关闭和js的鼠标点击事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。