ansaurus

Question

Problem with jquery blur() event on Div element

Answer 1

+6 A:

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();
});

Rafael 2009-12-31 12:58:28

Or you could use mouseout if you don't want your users to have to click. If they're going to have to click somewhere, you might as well have a close button on the dialog and have them click that.

tvanfosson 2009-12-31 13:00:39

Thanks rafael.. I got the point..

Jehanzeb afridi 2010-01-01 06:20:22

Answer 2

A:

The best idea would be to handle the mousedown event and check the element that invoked the event.

rahul 2009-12-31 13:01:25

ansaurus

tags:

views:

answers:

Problem with jquery blur() event on Div element

related questions