Evento onmouseleave

Eventos DOM MouseEvent

Definição e uso

O evento onmouseleave ocorre quando o ponteiro do mouse sai do elemento.

Dica：Este evento geralmente é usado com Evento onmouseenterusados juntos, este evento ocorre quando o ponteiro do mouse se move sobre o elemento.

Dica： O evento onmouseleave é semelhante a Evento onmouseoutA única diferença é que o evento onmouseleave não bubla (não se propaga para a hierarquia de documentos superior). Veja mais exemplos na parte inferior da página.

Exemplo

Exemplo 1

Execute JavaScript ao mover o ponteiro do mouse fora da imagem：

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">

Experimente você mesmo

Exemplo 2

Este exemplo demonstra a diferença entre os eventos onmousemove, onmouseleave e onmouseout：

<div onmousemove="myMoveFunction()">
  <p id="demo">Eu demonstarei com onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Eu demonstarei com onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Eu demonstarei com onmouseout!</p>
</div>

Experimente você mesmo

Sintaxe

No HTML：

<element onmouseleave="myScript">

Experimente você mesmo

No JavaScript：

object.onmouseleave = function(){myScript};

Experimente você mesmo

No JavaScript, use o método addEventListener()：

object.addEventListener("mouseleave", myScript);

Experimente você mesmo

Notas：O Internet Explorer 8 ou versões anteriores não suportam Método addEventListener()。

Detalhes técnicos

Bubbling： Não suportado
Cancelável： Não suportado
Tipos de eventos： MouseEvent
Etiquetas HTML suportadas： Todos os elementos HTML, exceto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title>
Versão do DOM： Eventos de Nível 2

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o evento.

Eventos Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 Suporte 6.1 11.5
Eventos DOM MouseEvent