tutoriais mais recente desenvolvimento web
 

OnMouseLeave Evento

<Objeto de evento

Exemplo

Executar um JavaScript quando mover o ponteiro do mouse para fora de uma imagem:

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

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

O evento OnMouseLeave ocorre quando o cursor do rato é movido para fora de um elemento.

Ponta: O evento é muitas vezes utilizada em conjunto com o OnMouseEnter evento, que ocorre quando o cursor do rato é movido para um elemento.

Dica: O evento OnMouseLeave é semelhante ao onmouseout evento. A única diferença é que o evento OnMouseLeave não faz bolha (does not propagate up the document hierarchy) . Consulte "More Examples" na parte inferior desta página para entender melhor as diferenças.


Suporte navegador

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

Evento
onmouseleave 30,0 5.5 sim 6.1 11,5

Sintaxe

Em HTML:

Em JavaScript:

object .onmouseleave=function(){ Tente você mesmo "

Em JavaScript, usando o addEventListener() Método:

object .addEventListener("mouseleave", myScript );
Tente você mesmo "

Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.


Detalhes técnicos

Bolhas: Não
cancelable: 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>
DOM Versão: Nível 2 Eventos

Exemplos

mais Exemplos

Exemplo

Este exemplo demonstra a diferença entre o onmousemove, OnMouseLeave e onmouseout eventos:

<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>
Tente você mesmo "

<Objeto de evento