onmousemove Event

Eventos DOM MouseEvent

Definition and Usage

The onmousemove event occurs when the pointer moves over an element.

Instance

Example 1

When the mouse cursor is moved over the <div> element, execute JavaScript:

<div onmousemove="myFunction()">Move the cursor over me</div>

Experimente você mesmo

Exemplo 2

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

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

Experimente você mesmo

Exemplo 3

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

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

Experimente você mesmo

Sintaxe

No HTML:

<element onmousemove="myScript">

Experimente você mesmo

No JavaScript:

object.onmousemove = function(){myScript};

Experimente você mesmo

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

object.addEventListener("mousemove", myScript);

Experimente você mesmo

Observação:O 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
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

Suporte ao navegador

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