为什么 mouseenter 和 mouseleave 在移动设备上工作？

Question

我想了解为什么mouseenter和mouseleave事件可以在移动设备上运行。

我正在尝试创建一个悬停在桌面上但在移动设备上可点击的工具提示，起初，我只是继续在 VueJS 上实现这些事件，但由于某种原因，当我在移动设备上测试它时，它自动切换为可点击事件。此外，它会自动处理移动设备上的模糊事件（在其外部单击，将关闭工具提示）

我只能想到三个原因：

• 浏览器自动切换事件
• Vue正在做事件的切换
• DOM 正在进行切换

我还创建了一个简单的codesandbox来玩。

---

编辑：

我只是尝试在 vanilla JS 上复制它，并且行为相同。

这是codesandbox。

基于此，继续这样做安全吗？

我找不到任何说明此行为的文档。