Quiero entender por qué los eventos mouseenter y mouseleave funcionan en dispositivos móviles.

Estoy tratando de crear una información sobre herramientas que se ubique en el escritorio pero que se pueda hacer clic en el dispositivo móvil y, al principio, simplemente seguí adelante e implementé esos eventos en VueJS, pero por alguna razón, cuando lo probé en el dispositivo móvil, cambió automáticamente a eventos en los que se puede hacer clic. Además, maneja automáticamente el evento de desenfoque en el móvil (al hacer clic fuera de él, se cerraría la información sobre herramientas)

Solo podía pensar en tres razones, ya sea:

• El navegador cambió automáticamente los eventos
• Vue está haciendo el cambio de eventos
• DOM está haciendo el cambio

También creé un simple codesandbox para jugar.

EDITAR:

Acabo de intentar replicarlo en Vanilla JS y el mismo comportamiento.

Aquí están los códigos y la caja .

Basado en esto, ¿es seguro continuar con esto?

No pude encontrar ningún documento que indicara este comportamiento.