Body的事件范围

<!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>
    <title>Body的事件范围</title>
</head>
<body onclick="alert('hello')">
    这里是Body的内容
</body>
</html>

<script type="text/jscript" language="javascript">
    //当页面内容较少，没有占满的时候body的onclick只对有内容的区域有效（不限制宽度，这里只是对高度有限制），当这时候想使全部页面
    //点击触发事件需要使用document.onclick
    function bodyClick() {
        alert("hai");
    }
    document.onclick = bodyClick;
</script>

 

posted @ 2013-04-25 11:50  ipangjie  阅读(132)  评论(0)    收藏  举报