zoukankan      html  css  js  c++  java
  • 获取鼠标的坐标

    <head runat="server">
        <script type="text/javascript">
            function getX(obj) {
                var parObj = obj;
                var left = obj.offsetLeft;
                while (parObj = parObj.offsetParent) {
                    left += parObj.offsetLeft;
                }
                return left;
            }

            function getY(obj) {
                var parObj = obj;
                var top = obj.offsetTop;
                while (parObj = parObj.offsetParent) {
                    top += parObj.offsetTop;
                }
                return top;
            }

            function DisplayCoord(event) {
                var top, left, oDiv;
                oDiv = document.getElementById("demo");
                top = getY(oDiv);
                left = getX(oDiv);
                document.getElementById("mp_x").innerHTML = (event.clientX - left + document.body.scrollLeft)  + "px";
                document.getElementById("mp_y").innerHTML = (event.clientY - top + document.body.scrollTop) + "px";
            }   
        </script>
    </head>
    <body style="margin: 40px;" mce_style="margin:40px;">
        <div style="background-color: #000000; color: #0011FF; 300px; height: 300px;
            position: absolute; top: 80px; left: 90px; margin: 0px; border: 0px;" id="demo"
            onmousemove="DisplayCoord(event)">
        </div>
        当前鼠标坐标为: X:<span id="mp_x"></span> Y:<span id="mp_y"></span>
    </body>

  • 相关阅读:
    福大软工1816 · 第五次作业
    福大软工1816
    福大软工1816 · 第三次作业
    福大软工1816 · 第二次作业
    福大软工1816 · 第一次作业
    1/10
    福大软工 · 第七次作业
    福大软工 · 第八次作业(课堂实战)- 项目UML设计(团队)
    2018软工第六次作业
    福大软工1816 · 第五次作业
  • 原文地址:https://www.cnblogs.com/zhanjun/p/2840780.html
Copyright © 2011-2022 走看看