javascript - 如何让浮动文本跟随鼠标悬停在 Two.js 创建的元素上的光标？

Question

我有一些简单的矩形，当我的鼠标悬停在它们上面时，我想让一些单词弹出并随光标浮动。我不知道如何做到这一点。我什至有点击监听器，我可以制作一个用于鼠标悬停的监听器，但我不知道如何让浮动文本框出现。

一个随光标浮动的框是我的理想选择，但如果有人能提出更静态的解决方案，我可能会感到满意。

这是我的代码示例（非 js 是 PHP）

if(($nSTime<$nS || $nS<0) || ($nETime>$nE || $nE<0)) {
    $iShiftSize = $nETime - $nSTime;
    $sBox = fnBoxStr(cXFromSide + ($nSTime-8)*4*c15Min, cYFromTop + $iRow*cHigh + $iDoW*cHigh, c15Min*4*$iShiftSize, cHigh); 
    $ixCent = cXFromSide + ($nSTime-8)*4*c15Min;
    $nWide = c15Min*4*$iShiftSize;
    $iyCent = cYFromTop + $iRow*cHigh + $iDoW*cHigh;
    $ixUL = $ixCent + $nWide/2;
    $iyUL = $iyCent - cHigh/2;
    ?>
    <script>
    var rShift = two.makeRectangle(<?=$sBox?>);
    rShift.fill = 'white';
    rShift.stroke = 'black';
    rShift.linewidth = 1;
    var tsTime = two.makeText(<?="'$sShift'"?>, <?=$ixUL?>, <?=$iyUL?>, 'normal');
    tsTime.alignment = 'center';
    tsTime.size = 9;
    tsTime.fill = 'gray';
    two.update();
    rShift._renderer.elem.addEventListener('click', printMousePos, false);
    tsTime._renderer.elem.addEventListener('click', printMousePos, false);
    </script>
}

谢谢你的帮助。