Skip to main content

¿Qué es un desplazamiento del HTML?

Dentro de un navegador web que muestra un documento de lenguaje de marcado de hipertexto (HTML), un elemento emergente HTML es una acción o evento que se genera a través de la entrada del usuario. Por definición estricta, un desplazamiento del HTML es lo que sucede cuando el cursor del mouse en una pantalla se detiene en un elemento dentro de la página web, desencadenando un evento de desplazamiento al que se puede responder mediante un código ubicado dentro de la página web. El efecto real puede ser cualquier cosa, desde mostrar texto de navegación hasta cambiar una imagen para que aparezca resaltada, o incluso modificar alguna propiedad separada en la página web. Algunos navegadores web y sistemas operativos definen un evento de desplazamiento de forma un poco diferente, por lo que las selecciones que usan la tecla de tabulación en un teclado también se considerarán suspendidas. Los eventos de desplazamiento del HTML generalmente se capturan mediante código de hoja de estilo en cascada (CSS), funciones de JavaScript® o una combinación de ambos, porque el HTML básico no tiene la facilidad de interactuar directamente con un cursor de desplazamiento.

La mayoría de los sistemas operativos de computadora que aceptan la entrada del usuario en realidad dividen cada acción aparentemente simple en una secuencia de etapas o eventos. Los navegadores web deben poder interpretar y responder a estos eventos para que los usuarios puedan interactuar con una página web. Estos eventos son generados por el sistema informático en respuesta a una acción del usuario, pasados ​​al navegador web y luego puestos a disposición de cualquier programa activo que esté escuchando los eventos adjuntos a la página HTML.

Cuando un cursor del mouse pasa sobre un elemento en un documento HTML, en realidad genera al menos tres eventos separados. La primera es cuando el mouse entra en contacto inicialmente con el elemento, que se conoce como un evento enter o onMouseEnter. El último evento generado cuando el mouse abandona el elemento se llama evento de salida o onMouseExit. El período de tiempo en el que el mouse está sentado dentro del elemento entre estos dos eventos se conoce como desplazamiento y genera un evento de desplazamiento HTML. Una cosa a tener en cuenta al pasar el mouse es que un mouse no siempre tiene que estar perfectamente quieto para que se lo considere, el evento se puede activar automáticamente al ingresar al espacio de elementos.

La asistencia de navegación es un uso común para un evento de desplazamiento de HTML, ya que aparece un texto informativo en la ubicación del cursor del mouse cuando se pasa un enlace o una imagen. También se puede usar para proporcionar definiciones textuales cortas de palabras en un documento. Más a menudo, se usa con fines estéticos, como hacer que los diales gráficos o las flechas se animen cuando el mouse los enfoca. Aunque existen muchas precauciones de seguridad para evitarlo, en particular el código malicioso a veces puede usar un evento de desplazamiento de HTML sobre un espacio en blanco en una página web para hacer que aparezcan ventanas emergentes fuera del navegador web.