Pasar el cursor

En informática, pasar el cursor se refiere a mover el cursor sobre un elemento interactivo —como un enlace, botón o ícono— sin hacer clic en él. Por ejemplo, cuando pasa el cursor sobre un enlace en una página web, el cursor puede cambiar de una flecha a una mano, y el enlace puede cambiar de color para indicar que se puede hacer clic en él.

Los desarrolladores web pueden agregar efectos al pasar el cursor mediante HTML, CSS o JavaScript.

• HTML proporciona el atributo de evento global onmouseover, que se puede agregar a un enlace o botón.

  <button onmouseover="myFunction()";>Pase el cursor sobre mí</button>

• CSS proporciona la pseudoclase :hover, que define cómo debe verse un elemento cuando el puntero permanece sobre él (por ejemplo, cambiar el color o subrayar el texto).
  

  a:hover { color:darkblue; text-decoration: underline; }

• JavaScript proporciona los eventos mouseover y mouseout, que pueden activar funciones u otro código mediante un método "EventListener".
  

  myElement.addEventListener("mouseover", function() { ... }

El concepto de pasar el cursor va más allá de los sitios web. Muchos sistemas operativos y aplicaciones de escritorio resaltan íconos, botones o menús cuando pasa el cursor sobre ellos. Algunos elementos muestran una descripción emergente cuando pasa el cursor sobre ellos durante uno o dos segundos. La respuesta al pasar el cursor hace que las interfaces de usuario sean más intuitivas, ya que proporciona información adicional entre señalar y hacer clic.

Pasar el cursor y las pantallas táctiles

Como pasar el cursor requiere un cursor, generalmente no se aplica a las pantallas táctiles, donde la interacción se realiza principalmente mediante toques y gestos. En los dispositivos móviles, los diseñadores suelen usar alternativas como mantener presionado o señales visuales para proporcionar una respuesta similar.