evento onmouseleave
Exemplo
Execute um JavaScript ao mover o ponteiro do mouse para fora de uma imagem:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onmouseleave ocorre quando o ponteiro do mouse é movido para fora de um elemento.
Dica: Este evento é frequentemente usado junto com o evento onmouseenter , que ocorre quando o ponteiro do mouse é movido para um elemento.
Dica: O evento onmouseleave é semelhante ao evento onmouseout . A única diferença é que o evento onmouseleave não faz bolhas (não se propaga na hierarquia do documento). Consulte "Mais exemplos" na parte inferior desta página para entender melhor as diferenças.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.
Event | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Sintaxe
Em HTML:
<element onmouseleave="myScript">
Em JavaScript:
object.onmouseleave = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("mouseleave", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | Não |
---|---|
Cancelável: | Não |
Tipo de evento: | MouseEvent |
Tags HTML suportadas: | Todos os elementos HTML, EXCETO: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title> |
Versão DOM: | Eventos de Nível 2 |
Mais exemplos
Exemplo
Este exemplo demonstra a diferença entre os eventos onmousemove, onmouseleave e onmouseout:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">I will demonstrate onmouseout!</p>
</div>