用于在点击点上将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';