js-獲取鼠標光標相對於整個頁面的當前位置


<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css"> 
        *{margin:0;padding:0;}
    </style>
</head> 
<body>
    <div id="test" style="background:red;width:100px;height:100px;">
        
    </div>
    <script type="text/javascript"> 
        function getEvent(e) {
            return e || window.event;
        }
        function getX(e) {
            var e = getEvent(e);
            //非IE,IE
            return e.pageX || e.clientX + document.body.scrollLeft;
        }
        function getY(e) {
            var e = getEvent(e);
            //非IE,IE
            return e.pageY || e.clientY + document.body.scrollRight;
        }
        var t = document.getElementById("test");
        t.onmousedown = function(e) {
            alert(getX(e));
        }
    </script>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章