页面空白处引发鼠标事件

<script>
document.onclick=function(){
..........//隐藏所需要的层
}//如果那个层元素为objobj.onclick=function(event){
var e=event||window
e.cancelBubble=ture   //禁止事件冒泡  
.......................
}
</script>

解决方案 »

  1.   

    这句代码加载页面的JavaScript里面，还是放在页面的中间了
      

  2.   

    <script> 
    document.onclick=function(){ 
    ..........//隐藏所需要的层 
    } 
    顺便在什么地方obj.onclick=function(event){ 
    var e=event||window.event    //写掉了
    e.cancelBubble=ture  //禁止事件冒泡  
    ....................... 
    }
    在元素加载后才行  就放在最后面吧  或者 onload   或者直接写在该层的onclik事件 
      

  3.   

    <script>
    document.onclick=function(event){
    var e=event||window.event
    var obj =e.srcElement||e.target
    if(obj.nodeName=="BODY")
    //隐藏层
    }
    </script>
    <div style=" height:300px; width:300px; background-color:#333333">
    </div>
    没有仔细验证  可以试试
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script language="javascript">
       function OnDocumentClick()                     //点击其它时关闭颜色对话框
    {
        var srcElement = event.srcElement;
      
         
            
            while (srcElement && srcElement.id!="colorpicker")     
            {
                srcElement = srcElement.parentElement;
     
            }
            if (!srcElement)
            {
               
    if(document.getElementById("colorpicker")!=null){
                 document.getElementById("colorpicker").style.display = 'none';


    }
            } 
        

    }
    window.onload=function()
    {
    document.onmousedown = OnDocumentClick;
    }
    </script>
    </head><body >
    <div id="colorpicker" style="position:absolute;left:0px; top:0px;width:100px; height:100px; background-color:#FF0000;" >
    </div>
    </body>
    </html>
    试一试这个
      

  5.   

    <script> 
    document.onclick=function(event){ 
    var e=event||window.event 
    var obj =e.srcElement||e.target 
    if(obj.nodeName=="BODY"||obj.nodeName=="HTML") 
    document.getElementById("ss").style.display="none"
    } 
    </script> 
    <div id="ss" style=" height:100px; width:100px; background-color:#333333"> </div> 
    <table width="200" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table><img src="XX.gif" /><input name="" type="text" />
    <input name="" type="button" />
    用这个试一下  如果出错了
    麻烦把步骤说一下 我也好学习下