Skip to: content, navigation

onmousemove (HTML attribute)

Spec
Depr. Version
No HTML 4
Browser support (more…)
IE5.5+ FF1+ SA1.3+ OP9.2+
Full Full Full Full

Syntax

onmousemove="script"

Description

The onmousemove event handler is used to identify any movement of the mouse in any direction, irrespective of any mouse button actions. It’s most often used in JavaScript-based drag-and-drop-style interfaces in which an object on the screen is manipulated—the onmousemove attribute would be used to identify the cursor’s change in position on the screen and move the object accordingly, but as with any of these event handlers, its use is up to the developer.

Example

This example calls the updatePosition function:

<div onmousedown="grabItem();" onmousemove="updatePosition();">Notepad -
    drag me around the screen, make notes as you go … </div>

Value

This attribute has no fixed value. It’s up to the author to decide on the scripting that’s included here, be that a call to one or more defined functions, or a simple alert() statement.

Compatibility

Internet Explorer Firefox Safari Opera
5.5 6.0 7.0 1.0 1.5 2.0 1.3 2.0 3.0 9.2 9.5
Full Full Full Full Full Full Full Full Full Full Full

Every browser listed supports this attribute. However, it should be avoided as it encourages the mixing of content and behavior.

User-contributed notes

There are no comments yet.

Add a note

To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.

Related Products

Search