檢測鼠標點擊位置

Question

我想要實現的是製作DIV並在其上或顯示世界地圖圖像作爲背景.. &當用戶在地圖上點擊某處時，我抓住鼠標點擊位置，

然後我是一些如何將鼠標的X，Y線轉換成經度，緯度，然後運行AJAX來顯示一些數據。

我的問題是：

• 如何使用JavaScript獲取鼠標點擊位置
• 如何在全球的點擊​​位置轉換成DIV的相對X，A層

Answer 1

看Y的COORDS在此示例中：

• Click image and get coordinates with Javascript

下面的文章也會有所幫助：

• Get accurate position for a click on a linked image using jquery

• Creating HTML Image Maps

Answer 2

在HTML中設置的OnMouseMove事件：

<div onMouseMove="getPositions();" 
style="width:200px;height:100px"></div> 

和JavaScript函數：

function getPositions(ev) { 
if (ev == null) { ev = window.event } 
    _mouseX = ev.clientX; 
    _mouseY = ev.clientY; 
} 

Answer 3

除非您有理由從頭開始，否則我會推薦Google Maps Api。

您會注意到Map對象有一個click事件，您可以綁定一個回調函數，該回調函數接收包含緯度/長度座標的MouseEvent。檢查出this example。

Answer 4

在事件處理程序中，您可以通過mouseEvent參數獲取它。

摘自http://msdn.microsoft.com/en-us/library/bb404721.aspx -

function onMouseLeftButtonUp(sender, mouseEventArgs) 
{ 
    // Return a Point object representing the x- and y-coordinates of the current mouse position 
    // relative to the reference object. 
    var pt = mouseEventArgs.getPosition(sender.findName("referenceObject")); 

    // Display the current mouse position. 
    sender.findName("Status").text = pt.x + " : " + pt.y; 
}