Example

Hide or show an element when a mouse button is released:

$("button").mouseup(function(){
  $("p").slideToggle();
});

Try it yourself »

Definition and Usage

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

Unlike the click event, the mouseup event only requires the button to be released. It will be triggered on the element the mouse pointer is over when the button is released.

The mouseup() method triggers the mouseup event, or if the function parameter is set, it specifies what happens when a mouseup event occurs.


Trigger the mouseup Event

Trigger the mouseup event for the selected element.

Syntax

$(selector).mouseup()
Try it yourself »


Bind a Function to the mouseup Event

Specifies a function to run when the mouseup event is triggered for the selected element.

Syntax

$(selector).mouseup(function)
Try it yourself »

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