Evento onmouseenter

Eventos DOM MouseEvent

Definição e uso

O evento onmouseenter ocorre quando o ponteiro do mouse se move sobre o elemento.

Dica：Este evento geralmente é usado com Evento onmouseleaveusados juntos, o evento ocorre quando o ponteiro do mouse sai do elemento.

Dica： O evento onmouseenter é semelhante a Evento onmouseoverA única diferença é que o evento onmouseenter não se propaga (não se propaga para a hierarquia superior do documento). Veja mais exemplos na parte inferior da página.

Exemplo

Exemplo 1

Execute JavaScript ao mover o ponteiro do mouse sobre a imagem：

<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">

Experimente você mesmo

Exemplo 2

Este exemplo demonstra a diferença entre os eventos onmousemove, onmouseenter e mouseover：

<div onmousemove="myMoveFunction()">
  <p id="demo">Eu demonstrarei onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Eu demonstrarei onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Eu demonstrarei onmouseover!</p>
</div>

Experimente você mesmo

Sintaxe

No HTML：

<element onmouseenter="myScript">

Experimente você mesmo

No JavaScript：

object.onmouseenter = function(){myScript};

Experimente você mesmo

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

object.addEventListener("mouseenter", 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
onmouseenter 30.0 5.5 Suporte 6.1 11.5
Eventos DOM MouseEvent