Necesito disparar dos eventos. Uno cuando el cursor entra en el documento y cuando sale del documento. En este momento tengo el problema de que los eventos también se disparan cuando uso el cursor dentro del documento, puedes ver esto en la consola de mi violín.
¿Cómo es posible disparar los eventos cuando entro y salgo del documento?
let cursor = document.getElementById('cursor'); function onMousEnter() { cursor.classList.add('is-active'); console.log("Enter!"); } function onMouseLeave() { cursor.classList.remove('is-active'); console.log("Out!"); } document.addEventListener('mouseover', onMousEnter);; document.addEventListener('mouseout', onMouseLeave); const onMouseMove = (e) => { cursor.style.left = e.pageX + 'px'; cursor.style.top = e.pageY + 'px'; } document.addEventListener('mousemove', onMouseMove);mouseenter en lugar de mouseover .mouseleave en lugar de mouseout . La diferencia entre ellos es que mouseenter y mouseleave no burbujean. Entonces, cada vez que mueva el cursor sobre o fuera de un niño, eso no activará el evento.