点击空白点执行函数

2013-10-15

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

点击空白处执行函数
想要在页面的空白处点击后执行一个js函数，这里点击空白处不包括链接或onclick。怎么才能避免点击链接后也执行？
[解决办法]
给body添加click事件执行你要的方法、
对于点击不执行你的方法的元素阻止冒泡试试
[解决办法]
如果用jQuery的话可以使用:not选择器，比如

$("body:not(a)").on("click",function(){.......})

[解决办法]

<!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>

热点排行

JavaScript

点击空白点执行函数