想要在页面的空白处点击后执行一个js函数,这里点击空白处不包括链接或onclick。怎么才能避免点击链接后也执行?

解决方案 »

  1.   

    给body添加click事件执行你要的方法、
    对于点击不执行你的方法的元素阻止冒泡试试
      

  2.   

    如果用jQuery的话可以使用:not选择器,比如 $("body:not(a)").on("click",function(){.......})
      

  3.   

    <!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=utf-8" />
    <title>无标题文档</title>  
    </head> 
    <body>
    <form> 
    <input  type="text" value="click" onclick="alert('没有点击空白')"> 
    </form>
    </body>
    <script>
        document.onclick = function (event) {       
            event = event ? event : window.event;
            var obj = event.srcElement ? event.srcElement : event.target;
            if(obj.tagName == "HTML" ){
                 alert("点击空白");
            }        
         };
    </script>
    </html>