Propiedad de destino relacionada con MouseEvent
Ejemplo
Obtenga el elemento del que acaba de salir el cursor:
<p onmouseover="getRelatedElement(event)">Mouse over this paragraph.</p>
<script>
function getRelatedElement(event) {
alert("The cursor just exited the " + event.relatedTarget.tagName + " element.");
}
</script>
Definición y uso
La propiedad relatedTarget devuelve el elemento relacionado con el elemento que activó el evento del mouse.
La propiedad relatedTargert se puede utilizar con el evento mouseover para indicar el elemento del que acaba de salir el cursor, o con el evento mouseout para indicar el elemento que acaba de introducir el cursor.
Nota: Esta propiedad es de solo lectura.
Compatibilidad con navegador
| Property | |||||
|---|---|---|---|---|---|
| relatedTarget | Yes | Yes | Yes | Yes | Yes |
Sintaxis
event.relatedTarget
Detalles técnicos
| Valor de retorno: | Una referencia al elemento relacionado. |
|---|---|
| Versión DOM: | Eventos de nivel 2 de DOM |