Propriedade relatedTarget do MouseEvent

Eventos DOM MouseEvent

Definição e uso

A propriedade relatedTarget retorna o elemento relacionado ao evento de mouse.

A propriedade relatedTargert pode:

  • Use-o juntamente com o evento mouseover para indicar o elemento do qual o cursor acabou de sair
  • Ou use-o juntamente com o evento mouseout para indicar o elemento no qual o cursor acabou de entrar

Notas:Esta propriedade é apenas de leitura.

Exemplo

Obter o elemento do qual o cursor acabou de sair:

<p onmouseover="getRelatedElement(event)">Passe o mouse sobre este parágrafo.</p>
<script>
function getRelatedElement(event) { 
  alert("O cursor acabou de sair do elemento " + event.relatedTarget.tagName + ".");
}
</script>

Experimente você mesmo

Sintaxe

event.relatedTarget

Detalhes técnicos

Retorno: Referência ao elemento relacionado.
Versão DOM: Eventos DOM Level 2

Suporte do navegador

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