如何在拖動時獲取光標的位置？

我正在使用Google地圖v3。而我是新手與Java腳本。有誰知道如何在拖動時（拖動之前和之後）在Web瀏覽器上獲取光標位置？請教我。如何在拖動時獲取光標的位置？

2012-05-10 TM500

你的意思是（緯度，經度），或像素的位置？ –

我擁有的最佳選擇是跟蹤地圖中心點（緯度，經度）的移動。拖動事件似乎不提供鼠標在地圖上的位置。

<!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>

來源

2012-05-10 00:51:17

可以使用mousemove事件的地圖，並添加一個事件偵聽器更新實時文本框（或其他元素）作爲光標移動。

這裏的（從米婭的JS小提琴叉）的例子：

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

來源

2012-05-10 21:16:05 andresf

如何在拖動時獲取光標的位置？

回答

相關問題