给body绑定事件没有效果啊？

发布于
2016-11-29

倒数第二行在给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>

javascript

阅读 5.2k

4 个回答

得票最新