javascript弹出层点击任何地方关闭方法






 代码如下
复制代码






<!DOCTYPE html><html><head><meta charset="utf-8" /><title>点击其它地方关闭DIV</title></head>

<body><input type="text" value=""  id="tf"/><div style="width:400px; height:200px;border:1px solid #000;display:none" id="con">  <p>1111</p>  <p><span>2222</span></p>  <p><a href="#">3333</a></p></div><script>    function e(obj){return document.getElementById(obj)}    e('tf').onclick=function(event){        e('con').style.display='block';        stopBubble(event);         document.onclick=function(){            e('con').style.display='none';　　　　　　　document.onclick=null;　        }    }

e('con').onclick=function(event){        //只阻止了向上冒泡，而没有阻止向下捕获，所以点击con的内部对象时，仍然可以执行这个函数        stopBubble(event);     }    //阻止冒泡函数    function stopBubble(e){           if(e && e.stopPropagation){            e.stopPropagation();    //w3c        }else{            window.event.cancelBubble=true; //IE        }    }</script></body></html>







以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索对象

                    ，                函数

                    ，                ie

                    ，                代码

                    ，                null

                                    block

                                    js点击空白关闭弹出层、点击按钮弹出层可关闭、点击空白关闭弹出层、javascript 弹出窗口、javascript弹出提示框，以便于您获取更多的相关知识。
				


				
时间： 2024-10-05 06:31:04

		
		


		


	

	
	

		


		
javascript弹出层点击任何地方关闭方法的相关文章


								

		

			

                javascript弹出层输入框
			

		

		

									

				 这篇文章主要介绍了javascript弹出层输入框(示例代码).需要的朋友可以过来参考下,希望对大家有所帮助 如下所示: 代码如下:    <script language="javascript" type="text/javascript">          function alertWin(title, msg, w, h) {                var titleheight = "22px"; // 窗口标			

		

	

				

		

			

                Javascript 弹出层居中效果
			

		

		

									

				 代码如下 复制代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>   <head>   <meta http-equiv="content-type" content="text/html; charset=utf-8">   <title>Javascript 弹出层居中</titl			

		

	

				

		

			

                javascript 弹出层组件（升级版）_javascript技巧
			

		

		

									

				这次还是利用原来代码的组织结构重新加强了功能,目前来说还有两个小问题,第一个是ie6下自定义弹出层会出现无法遮住select的情况,目前还没加入到组件里,可以自己在自定义的div里面加上ifame来遮罩,组件自带的弹出层可以遮住.第二个问题,由于是绝对定位,所以在改变浏览器窗口大小的时候会出现无法自动跟随.大家试试就知道了,当然问题肯定不少,只是这两个我认为比较重要的,暂时列出来,以后修复. 下面是代码,里面都有注释,可以直接运行. 在线演示 http://demo.jb51.net/js/20			

		

	

				

		

			

                javascript弹出层输入框(示例代码)_javascript技巧
			

		

		

									

				如下所示: 复制代码 代码如下:    <script language="javascript" type="text/javascript">         function alertWin(title, msg, w, h) {             var titleheight = "22px"; // 窗口标题高度             var bordercolor = "#666699";			

		

	

				

		

			

                javascript弹出层弹出微信扫描的实例
			

		

		

									

				js点击一个按钮,弹出一个层,并遮住网页后面的内容,使之为半透明状.这种效果用的很多,比如论坛登陆.签到时候的弹出层,比如现在流行的微信扫一扫,点击一个按钮时候的弹出层.如下面的这种效果: js弹出层源码:  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&qu			

		

	

				

		

			

                封装的原生javascript弹出层代码_布局与层
			

		

		

									

				复制代码 代码如下: <script type="text/javascript">// <![CDATA[ /* @author: hongru.chen ** @date: 2010-09-15 ** @vision: 1.1 */ var Hongru = {}; function $(id){return document.getElementById(id)} Object.prototype.extend = function(target, /*opti			

		

	

				

		

			

                javascript弹出层代码
			

		

		

									

				<script type="text/javascript">// <![cdata[ /* @author: hongru.chen ** @date: 2010-09-15 ** @vision: 1.1 */ var hongru = {}; function $(id){return document.getelementbyid(id)} object.prototype.extend = function(target, /*optional*/sourc			

		

	

				

		

			

                javascript 弹出层高度不限垂直居中 兼容ie ff chrome
			

		

		

									

				今天调整一下弹出层,遇到个小问题:获取scrollTop的值? 网上看了一些获取网页被卷去的高的方法,document.body.scrollTop在ie ff中都是0,奇怪的是在chrome中可以. 我猜ff以经向ie靠拢了,我用的是ff 13.0.1,可以能是以前版本的用的,在此略过--  代码如下 复制代码 s += " 网页被卷去的高(ff):"+ document.body.scrollTop; s += " 网页被卷去的高(ie):"+ document			

		

	

				

		

			

                JavaScript 弹出窗体点击按钮返回选择数据的实现_javascript技巧
			

		

		

									

				首先是父页面的代码: 复制代码 代码如下: <head runat="server"> <title>无标题页</title> <%-- <script type="text/javascript"> function openDia() { var returned = window.showModalDialog("Default4.aspx?" + (new Date()), windo