來自JavaScript的觸發事件

讓我嘗試儘可能清晰，儘管它不會很容易。好的，我在div裏有一個圓圈，並且我知道這個div內的圓圈的x和y座標。來自JavaScript的觸發事件

我該如何創建JavaScript或HTML工具提示來指向我點擊的位置（在這種情況下是圓圈）？

這裏是圖像，這樣就可以更好地理解我想要做的事：

Here is the picture

現在我知道你們當中有些人會想：爲什麼不直接使用圓形的ID並獲得工具提示指向那個方向？那麼因爲這個圈子是作爲JavaScript對象動態創建的，而不是HTML的一部分。

因爲繪圖節省時間：我在哪裏可以找到指向上方的工具提示腳本？像這樣的東西，在這裏不用另：

Screen shot

來源

2009-11-11 ant

你應該能夠click處理程序添加到圈子，點擊後你可以訪問頂端/左值的圓圈，並應能夠實例任何你需要在適當的位置。不要將此作爲答案發布，因爲它只是一個指向正確方向的指針。 – Lazarus 2009-11-11 13:49:28

謝謝拉扎魯斯的指導，我不能添加它，因爲我沒有編寫其他代碼，而且時間很短。 – ant 2009-11-11 13:52:21

最好...照片...永遠。 – jvenema 2009-11-11 13:53:05

如果你想知道關於定位的提示，使用造型。給在樣式表的父元素的相對位置和子絕對位置：

#canvas { 
    position: relative; 
} 
.tooltip { 
    position: absolute; 
}

當您創建的提示，給它的「提示」級，並將其style.left和style.top性能。嘗試是這樣的：

function click(evt) { 
    if (! tooltip) { 
     tooltip = document.createElement('div'); // or what-have-you 
     tooltip.className += ' tooltip'; 
    ... 
    tooltip.style.left = evt.offsetX + 'px'; 
    tooltip.style.left = evt.offsetY + 'px';

來源

2009-11-11 15:02:25 outis

獲取x和單擊鼠標時，y座標。在指定的x座標和y座標處定位工具提示[可能是div]。

爲了獲取座標看

event.clientX和event.clientY

來源

2009-11-11 13:47:34 rahul

謝謝你的回答，我已經有了這些價值觀。只是看如何正確定位工具提示。 – ant 2009-11-11 13:54:34

您可以捕捉鼠標的位置：http://www.codelifter.com/main/javascript/capturemouseposition1.html

來源

2009-11-11 13:47:44 Cesar

來自JavaScript的觸發事件

回答

相關問題