YouTip LogoYouTip

Event Mouseup

jQuery mouseup() Method | Tutorial

Tutorial -- Learning is not just about technology, but also about dreams!

jQuery Tutorial

jQuery Tutorial jQuery Introduction jQuery Installation jQuery Syntax jQuery Selectors jQuery Events

jQuery Effects

jQuery Hide/Show jQuery Fading jQuery Sliding jQuery Animation jQuery Stop Animation jQuery Callback jQuery Chaining

jQuery HTML

jQuery Get jQuery Set jQuery Add Elements jQuery Remove Elements jQuery CSS Classes jQuery css() Method jQuery Dimensions

jQuery Traversing

jQuery Traversing jQuery Ancestors jQuery Descendants jQuery Siblings jQuery Filtering

jQuery Ajax

jQuery AJAX Introduction jQuery load() Method jQuery get()/post() Methods

jQuery Other

jQuery noConflict() Method jQuery JSONP

jQuery Examples

jQuery Examples

jQuery Reference

jQuery Selectors jQuery Event Methods jQuery Effect Methods jQuery HTML / CSS Methods jQuery Traversing Methods jQuery AJAX Methods jQuery Misc Methods jQuery Properties

jQuery Plugins

jQuery Validate jQuery Cookie jQuery Accordion jQuery Autocomplete jQuery Growl jQuery Password Validation jQuery Prettydate jQuery Tooltip jQuery Treeview

jQuery Selectors jQuery Effect Methods

Explore

Script

Web Service

Web Design & Development

Programming

Scripting Language

Development Tools

Programming Language

Computer Science

Web Service

Software

jQuery mouseup() Method

jQuery Event Methods jQuery Event Methods

Example

Insert some text when the left mouse button is released over a <div> element:

$("div").mouseup(function(){
  $(this).after("Mouse button released.");
});

Try it yourself Β»


Definition and Usage

The mouseup event occurs when the mouse pointer is over an element and the mouse button is released.

The mouseup() method triggers the mouseup event, or adds a function to run when a mouseup event occurs.

Note: This method is often used together with the mousedown() method.


Syntax

Trigger the mouseup event for the selected elements:

$(selector).mouseup()

Try it yourself

Add a function to the mouseup event:

$(selector).mouseup(function)

Try it yourself

Parameter Description
function Optional. Specifies the function to run when the mouseup event is triggered.

jQuery Event Methods jQuery Event Methods

← Eff ClearqueueEvent Mouseover β†’