倒数第二行在给body绑定方法时，发现如果不给body设置长宽，那么body的范围就只有.out那么大？
我记得不是这样的啊.能否解释一下？谢谢
3
511 <style>
body{background: red;}
.out{width: 508px;background: pink;overflow:hidden;position: absolute;}
.line{width: 500px;height: 100px;background: green;border:4px solid orange;margin:10px 0;position: relative;}
</style>
</head>
<body id="body">
<p id="out" class="out">
<p class="line"></p>
<p class="line"></p>
<p class="line"></p>
<p class="line"></p>
<p class="line"></p>
</p>
<script>
//dom获取id方法
function $(element){return document.getElementById(element);}
//dom获取class方法
function cl(element){return document.getElementsByClassName(element);}
//移动方法
function move(){
cl("out")[0].style.position = "absolute";
cl("out")[0].style.top = event.clientY + "px";
}
//绑定方法
$("body").addEventListener("mousemove",move)
</script>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
body的大小是跟文档内容有关的，可以加上以下样式:首先，获取body,直接document.body就可以了，而且是没有mousemove事件的，只有mouseove和mouseout两个事件,jquery实现了mousemove方法
事件名字写错了，body的大小是和文档有关的