zoukankan      html  css  js  c++  java
  • 鼠标获取屏幕上的固定点位置坐标

    <html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
    <title>kotei</title>
    </head>
    <body>

    x的位置:<input type="text" id="x" value="" />
    y的位置:<input type="text" id="y" value="" />

    <div id="div" onClick="showPostion(event);"
    style="500px;height:60px;background-color:#336699;color:#ffffff;cursor:crosshair; position:absolute;top:300;left:300;">
    为导航系统厂商提供生产导航数据的解决方案<br />
    和导航硬件供应商一起开发集成导航系统<br />
    </div>


    </body>
    <script type="text/javascript">
    function showPostion(){
    var evt = evt || window.event;
    var x,y;
    if(evt.pageX || evt.pageY){
    // firefox 有效
    x = evt.pageX;
    y = evt.pageY;
    }else{
    // ie 有效
    x = evt.clientX + document.body.scrollLeft - document.body.clientLeft;
    y = evt.clientY + document.body.scrollTop - document.body.clientTop;
    }
    //
    document.getElementById("x").value = x;
    document.getElementById("y").value = y;

    }

    </script>
    </html>

  • 相关阅读:
    hdoj5813【构造】
    Codeforces645B【树状数组求逆序数】
    pojcoin【未完待续】
    hdoj5818【模拟】
    poj2385【基础DP】
    poj3069【贪心,水】
    谦虚
    poj3617【贪心】
    poj2229【完全背包-规律Orz...】
    poj3176【简单DP】
  • 原文地址:https://www.cnblogs.com/crmhf/p/3823125.html
Copyright © 2011-2022 走看看