Latest web development tutorials
 

onmouseup Event

< Event Object

Example

Execute a JavaScript when releasing a mouse button over a paragraph:

<p onmouseup="mouseUp()">Click the text!</p>
Try it Yourself »

More "Try it Yourself" examples below.


Definition and Usage

The onmouseup event occurs when a user releases a mouse button over an element.

Tip: The order of events related to the onmouseup event (for the left/middle mouse button):

  1. onmousedown
  2. onmouseup
  3. onclick

The order of events related to the onmouseup event (for the right mouse button):

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

Browser Support

Event
onmouseup Yes Yes Yes Yes Yes

Syntax

In HTML:

<element onmouseup="myScript">
Try it Yourself »

In JavaScript:

object.onmouseup=function(){myScript};
Try it Yourself »

In JavaScript, using the addEventListener() method:

object.addEventListener("mouseup", myScript);
Try it Yourself »

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>
DOM Version: Level 2 Events

< Event Object