内容发布更新时间 : 2024/6/30 22:32:15星期一 下面是文章的全部内容请认真阅读。
代码如下，实现了点击input显示一个div层，当点击除input和div以外的地方的时候，隐藏div的功能。
<!DOCTYPE html> <html> <head>
<meta charset=\
<title>点击其它地方关闭DIV</title> </head> <body>
<input type=\
<div style=\ <p>1111</p>
<p><span>2222</span></p> <p><a href=\ </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>