jquery - Javascript mouseleave when mouse is clicked -

is there method detect mouseleave while element dragged?

i try drag , drop , element , if outside viewport show popup contains elements div.

the mouseleave fired when don;t drag element, if try drag outside mouseleave not fired

so mouse leave without click inside window works. mouse leave click doens't work me.

function verifymouseleave(el) {     console.log(document.onmouseleave);     document.onmouseleave = function(){         console.log("mouse out!");         ismouseover = true;     }      document.onmousedown = function(){         console.log("mouse down!");         ismousedown = true;     }      if(ismouseover == true && ismousedown == true)     {         showpopup();         el.remove();         ismouseover =false;         ismousedown = false;     } } 

so have example 3 divs want move them outside viewport. when begin drag div , move around window , release want remain in same postion initial. if drag outisde window want remove here , show popup.

many thanks.

if referring html5 d&d, have read on spec moz? https://developer.mozilla.org/en-us/docs/web/api/html_drag_and_drop_api

--else--

here , example of little understand code, should not bind document, instead wrapper element. second event should outside verification function. function job check if 2 events have fired @ same time. here working code:

var ismouseleave, ismousedown; var body = document.getelementbyid("body")  body.onmouseout = function(){   console.log("mouse out!");   ismouseleave = true;   verifymouseleave(); }  body.onmousedown = function(){   console.log("mouse down!");   ismousedown = true; }  function verifymouseleave(el){     if(ismouseleave == true && ismousedown == true){         console.log("show pop up")         ismouseover = false;         ismousedown = false;    } } 

example:

https://jsfiddle.net/194a5672/