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

onmouseup Event

Event Object Reference 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

In JavaScript:

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

In JavaScript, using the addEventListener() method:

object.addEventListener("mouseup", 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>


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