如何在span标签上触发/显示弹出窗口？

<span id="mySpan">点击我弹出窗口</span>

<script>
  const span = document.getElementById('mySpan');
  span.addEventListener('click', function() {
    // 执行弹出窗口的显示逻辑
    alert('弹出窗口内容');
  });
</script>

<style>
  .mySpan::after {
    content: '弹出窗口内容';
    display: none;
    position: absolute;
    /* 设置弹出窗口的样式 */
    /* ... */
  }

  .mySpan:hover::after {
    display: block;
  }
</style>

<span class="mySpan">鼠标悬停在我上面弹出窗口</span>