鼠标点击时工具提示出现在鼠标指针附近并在鼠标移动时消失

Question

我看过类似的问题和答案，但大多数都已经过时了十多年前，似乎不再有效。

我有一个全屏的点击区域。我希望工具提示在鼠标单击时出现在鼠标指针附近，并在鼠标移动时消失。我更喜欢点击而不是悬停，因为点击在桌面和移动触摸屏设备上都有效。

这是我的全屏区域的代码：

 .fullscreen-click-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100vh;

<div class="fullscreen-click-area">
  </div>