Problem with jquery blur() event on Div element [duplicate]

Answer 1

jQuery has .focusin() and .focusout() methods for binding to blur and focus events on elements that don't fire a native javascript blur event. jQuery focusout

Answer 2

If I remember correctly, only A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA create focus/blur events. If you want to hide the popup by clicking outside it, you have to for example listen to click events on document and check if the event occured inside or outside the popup.

Sample code:

$(document).click(function(e){
    if($(e.target).is('#MainCanvas, #MainCanvas *'))return;
    $('#MainCanvas').hide();
});