Code has been added to clipboard!

Attach Event Handlers to .mouseup() Event With jQuery mouseup Method

Reading time 1 min
Published Jan 9, 2018
Updated Sep 27, 2019

jQuery mouseup: Main Tips

  • The jQuery .mouseup() binds an event handler to mouseup event, or triggers the event.
  • The mouseup event happens when the mouse button is released while the cursor is still over the element.

Usage of .mouseup() Method

The jQuery .mouseup() sets an event handler, running a function when the mouseup event occurs. The method can invoke the event as well.

Try clicking on the text in the example. If you release the button while still on the text, a message will appear beneath it:

$("div").mouseup(function() {
   $(this).after("<p>Hey there!</p>");

Use this syntax to trigger the mouseup event:


Add the function parameter to attach the event handler:


Tip: to make jQuery get mouse position, use event.pageX and event.pageY.

Latest Coupon Found:



Learn the skills of tomorrow

The best time to learn programming is now - follow this link to access 100+ coding courses and enjoy learning at a very low cost!

Expiration date: 13/05/2021
2287 People Used
Only 92 Left