javascript - 给body绑定事件没有效果啊？
本文介绍了javascript - 给body绑定事件没有效果啊？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
倒数第二行在给body绑定方法时，发现如果不给body设置长宽，那么body的范围就只有.out那么大？
我记得不是这样的啊.能否解释一下？谢谢
<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">
<div id="out" class="out">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<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>解决方案
body的大小是跟文档内容有关的，可以加上以下样式:
html, body{
height:100%;
}这篇关于javascript - 给body绑定事件没有效果啊？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
