How to detect a MouseUp event outside the window?

javascript, jquery

Solution

I have a website that uses this event and it works as you described:

$(window).on('mouseup', function(){
   //your code here
});

Note: only tested in jQuery 1.8.3, but it should work in 1.9

jsFiddle confirms. Works in jQuery 1.9.1 and 2 beta: http://jsfiddle.net/udRNx/1/

In case you didn't know, this piece of code must be placed in either `$(document).ready(fn)` or `$(window).onload(fn)`.

Problem

I am looking for jQuery solution to detect `mouseup` outside the window. That is, after the mouse has been downed inside the window, dragged outside while still down, and then released outside, is when the event should fire. I tried `document.mouseup = function() {}`, it didn't help. I tried to follow the example here, but couldn't properly understand it (I even left a comment asking for help, but no help yet..:( )

Original source

Related problems