evento onmouseenter
Exemplo
Execute um JavaScript ao mover o ponteiro do mouse sobre uma imagem:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onmouseenter ocorre quando o ponteiro do mouse é movido para um elemento.
Dica: Este evento é frequentemente usado junto com o evento onmouseleave , que ocorre quando o ponteiro do mouse é movido para fora de um elemento.
Dica: O evento onmouseenter é semelhante ao evento onmouseover . A única diferença é que o evento onmouseenter 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 | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Sintaxe
Em HTML:
<element onmouseenter="myScript">
Em JavaScript:
object.onmouseenter = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("mouseenter", 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, onmouseenter e mouseover:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">I will demonstrate onmouseover!</p>
</div>