当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

js 获取鼠标坐标

发表于: 2014-07-10   作者:annan211   来源:转载   浏览次数:
js
摘要: <title>Js获取适时获取鼠标坐标值并显示</title> <script type="text/javascript"> var getCoordInDocumentExample = function(){ var coords = document.getElementById("coords&quo
<title>Js获取适时获取鼠标坐标值并显示</title>
<script type="text/javascript">
  var getCoordInDocumentExample = function(){
    var coords = document.getElementById("coords");
    coords.onmousemove = function(e){
      var pointer = getCoordInDocument(e);
     var coord = document.getElementById("coord");
      coord.innerHTML = "X,Y=("+pointer.x+", "+pointer.y+")";
    }
  }
  var getCoordInDocument = function(e) {
    e = e || window.event;
    var x = e.pageX || (e.clientX +
      (document.documentElement.scrollLeft
      || document.body.scrollLeft));
    var y= e.pageY || (e.clientY +
      (document.documentElement.scrollTop
      || document.body.scrollTop));
    return {'x':x,'y':y};
  }
  window.onload = function(){
     getCoordInDocumentExample();
 };
</script>
<div id="coords" style="width:500px;height:200px;background:#F2F1D7;border:2px solid #0066cc;">
请在此移动鼠标。
</div>
<br />
<div id="coord" style="width:500px;border:2px solid #336699;">&nbsp;</div>


js 获取鼠标坐标

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
现在很多网站分析系统均要获取鼠标坐标跟轨迹来绘制云图跟鼠标轨迹,这就 要求鼠标坐标必须要准确才
使用javascript 如何获取鼠标的位置呢? 获取光标的位置 获取鼠标坐标 先看效果 核心方法: /*** * 返
使用javascript 如何获取鼠标的位置呢? 获取光标的位置 获取鼠标坐标 先看效果 核心方法: /*** * 返
使用javascript 如何获取鼠标的位置呢? 获取光标的位置 获取鼠标坐标 先看效果 核心方法: /*** * 返
使用javascript 如何获取鼠标的位置呢? 获取光标的位置 获取鼠标坐标 先看效果 核心方法: /*** * 返
html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如何方法可以实现. /*** * 获取div的坐标
html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如何方法可以实现. /*** * 获取div的坐标
html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如何方法可以实现. /*** * 获取div的坐标
html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如何方法可以实现. /*** * 获取div的坐标
前辈的文章: http://www.cnblogs.com/xesam/archive/2011/12/08/2280509.html http://segmentfault.
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号