How to call a function after the user drops the mouse click?

Question

On a page there is an element that the user can drag with the mouse, would like to call a function after the user drop this element (when dropping the mouse click). How to do this without having the element as a reference, just recognizing that the mouse button is no longer pressed?

Answer 1

mouseup()

The event is triggered when the mouse button is released. Note that the message is only displayed when the mouse button (any one) is released.

Example of mouseup usage

$(function(){
    $("#div1").mouseup(function(){
        alert("O botao foi solto.")
    });
});