Propiedad relatedTarget del MouseEvent

Eventos DOM MouseEvent

Definición y uso

La propiedad relatedTarget devuelve el elemento relacionado con el elemento que desencadenó el evento de ratón.

La propiedad relatedTargert puede:

  • Se usa junto con el evento mouseover para indicar el elemento del que acaba de salir el cursor
  • O se puede usar junto con el evento mouseout para indicar el elemento al que acaba de entrar el cursor

Notas:Esta propiedad es de solo lectura.

Ejemplo

Obtener el elemento del que el cursor acaba de salir:

<p onmouseover="getRelatedElement(event)">Pasa el ratón sobre este párrafo.</p>
<script>
function getRelatedElement(event) { 
  alert("El cursor acaba de salir del elemento " + event.relatedTarget.tagName + ".");
}
</script>

Prueba personalmente

Sintaxis

event.relatedTarget

Detalles técnicos

Valor devuelto: Referencia al elemento relacionado.
Versión DOM: Eventos DOM Nivel 2

Compatibilidad del navegador

Atributos Chrome IE Firefox Safari Opera
relatedTarget Soporte Soporte Soporte Soporte Soporte
Eventos DOM MouseEvent