To be or not to be.That is a question!

---源于莎士比亚的《哈姆雷特》

导航

捕获鼠标点击 位置移动 

<!DOCTYPE HTML>
<html dir="ltr" lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        #info{width:100px;height: 100px;background-color: #ff0000;position: absolute;top: 0;left: 0;}
    </style>
    <script type="text/javascript">
        window.onload=function(){
            document.onclick=processClick;
        }
        function processClick(evt){
            evt=evt || winodw.event;
            var x=0;var y=0;
            if(evt.pageX && evt.pageY){
                x=evt.pageX;
                y=evt.pageY;
            }else if(evt.clientX){
                var offsetX=0;var offsetY=0;
                if(document.documentElement.scrollLeft){
                    offsetX=document.documentElement.scrollLeft;
                    offsetY=document.documentElement.scrollTop;
                }else if(document.body){
                    offsetX=document.body.scrollLeft;
                    offsetY=document.body.scrollTop;
                }
                x=evt.clientX+offsetX;
                y=evt.clientY+offsetY;
            }
            var style="left: "+x+"px;top: "+y+"px";
            var box=document.getElementById("info");
            box.setAttribute("style",style);
        }
    </script>
</head>
<body style="height:10000px;">
    <div id="info"></div>
</body>
</html>

 

posted on 2013-05-31 14:51  Ijavascript  阅读(231)  评论(0)  编辑  收藏  举报