在點擊點上浮動div上方的div的代碼

Question

我有一個HTML5 canvas元素和一個點擊事件監聽器，我需要的是將它連接到一個浮動div，它出現在用戶點擊帆布。代碼建議最好的方法來做到這一點？

我跟蹤鼠標位置：

 var pos = getMousePos(canvas, evt); 
     mousePos.x = pos.x; 
     mousePos.y = pos.y; 

Answer 1

這應該做的伎倆：

HTML：

<div style="position: relative"> 
    <canvas /> 
    <div style="position: absolute" id="floatingDiv">Floating div</div> 
</div> 

的Javascript：

var pos = getMousePos(canvas, evt); 
mousePos.x = pos.x; 
mousePos.y = pos.y; 
var floatingDiv = document.getElementById('floatingDiv'); 
floatingDiv.style.top = pos.y + 'px'; 
floatingDiv.style.left = pos.x + 'px';