addEventListener || attachEvent

时间:2014-10-27 12:25:59   收藏:0   阅读:137
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>addevent</title>
</head>
<body style="height:9000px;">
<div style="position:fixed; top:0px; left:0px;">
<div id="test"></div>
<div id="test2"></div>
</div>
<script>
    var $ = function(id){
        return document.getElementById(id);
    }
    var addEvent = function(obj,event,fn){
        if(obj.addEventListener){
            obj.addEventListener(event,fn,false);
        }else if(obj.attachEvent){
            obj.attachEvent("on"+event,fn);
        }
    }
    var scrollEvent = function(){
        var screenHeight =document.documentElement.clientHeight||document.body.clientHeight;
        var scrollHeight = document.documentElement.scrollTop||document.body.scrollTop;
        $(test).innerHTML= "可视高度:" + screenHeight;
        $("test2").innerHTML= "滚动高度:" + scrollHeight;
    }
    addEvent(window,load,function(){
        scrollEvent();
    });

    addEvent(window,scroll,function(){
        scrollEvent();
    });
    
    addEvent(window,resize,function(){
        scrollEvent();
    });
</script>    
</body>
</html>

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!