document是没有办法显示宽高的,为什么可以写点击事件?

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function() {
    document.onclick = function() {
        //document是没有办法显示宽高的,必须要document.documentElement.offsetHeight写上documentElement把它变成元素才可以,但是却可以直接document.onclick = function() {}给document写点击事件,我不明白了,一个实际没有宽高的东西加了点击事件,那点了之后应该不能执行函数里面的内容额(试想document如宽0,高0的div一般,根本点不到)?
        alert(document.documentElement.offsetHeight)
    }
}
</script>
</head>

<body style="">
    <div id="div1" style="width:100px;height:100px;border: 1px solid red; overflow: -auto; padding: 10px;margin: 100px">
        <div style="height: 600px;width: 90px; background: red;"></div>
    </div>
</body>
</html>
阅读 1.8k
2 个回答

作为DOM树的根节点,document可以承载很多东西,其中也包括冒泡到它这一级的click事件,还是不明白的话去看事件模型吧。
另外,建议把问题分离出来,不要和代码放一起,代码里最多放点console就行了。

那你有没有想过给body一个背景色。为什么会全屏。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题