Evento onmouseover

Eventos DOM MouseEvent

Definição e uso

O evento onmouseover ocorre quando o ponteiro do mouse se move sobre o elemento ou seus elementos filhos.

Dica:Este evento geralmente é usado com Evento onmouseoutUsados juntos, este evento ocorre quando o usuário move o ponteiro do mouse para fora do elemento.

Exemplo

Exemplo 1

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

<img onmouseover="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 demonstarei onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Eu demonstarei onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Eu demonstarei onmouseover!</p>
</div>

Experimente você mesmo

Sintaxe

No HTML:

<element onmouseover="myScript">

Experimente você mesmo

No JavaScript:

object.onmouseover = function(){myScript};

Experimente você mesmo

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

object.addEventListener("mouseover", myScript);

Experimente você mesmo

Notas:Internet Explorer 8 ou versões anteriores não suportam Método addEventListener().

Detalhes técnicos

Bubbling: Suporte
Canceláveis: Suporte
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 ao navegador

Eventos Chrome IE Firefox Safari Opera
onmouseover Suporte Suporte Suporte Suporte Suporte
Eventos DOM MouseEvent