拖动时如何获取光标的位置

How to get position of cursor when dragging?

本文关键字：光标 位置 获取 何获取 拖动      更新时间：2023-09-26

我正在使用谷歌地图v3。我是java脚本的新手。有谁知道如何在拖动时获取网络浏览器上的光标位置（拖动前后）？请教我。

我最好的选择是跟踪地图中心点（纬度、经度）的移动。拖动事件似乎不提供地图上的鼠标位置。

在这里查看： http://jsfiddle.net/Hfu8D/

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body, #map_canvas { margin: 0; padding: 0; height: 100% }
    </style>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
      var map;
      var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2,
        mapTypeId: google.maps.MapTypeId.ROADMAP };
      function initialize() {
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
        google.maps.event.addListener(map, 'dragstart', function(event) {
          document.getElementById("start").value = map.getCenter();
        });
        google.maps.event.addListener(map, 'dragend', function(event) {
          document.getElementById("end").value = map.getCenter();
        });

      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    start: <input id="start" size="30"><br>
    end: <input id="end" size="30">
    <div id="map_canvas"></div>
  </body>
</html>

您可以将 mousemove 事件用于地图，并添加一个事件侦听器，该侦听器在光标移动时实时更新文本框（或任何其他元素）。

这里有一个例子（从Mia的JS小提琴分叉）：

http://jsfiddle.net/76VLh/3/

相关文章：