X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

onmousemove Event

Event Object Reference Event Object

Example

Execute a JavaScript when moving the mouse pointer over a <div> element:

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

Try it yourself »


Definition and Usage

The onmousemove event occurs when the pointer is moving while it is over an element.


Browser Support

Event
onmousemove Yes Yes Yes Yes Yes


Syntax

In HTML:

<element onmousemove="myScript">Try it

In JavaScript:

object.onmousemove=function(){myScript};Try it

In JavaScript, using the addEventListener() method:

object.addEventListener("mousemove", myScript);Try it

Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.


Technical Details

Bubbles: Yes
Cancelable: Yes
Event type: MouseEvent
Supported HTML tags: All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>


More Examples

Example

This example demonstrates the difference between the onmousemove, onmouseenter and mouseover events:

<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>

Try it yourself »


Event Object Reference Event Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook