Grouping objects in a focus/blur event

Question

I saw an example to use .is(":focus") to check if another object is in focus, but it's not working as expected. I'm using FireFox, and expect it to work in all browsers supporting jQuery.

Html:

 <input class=a value=a>
 <input class=b value=b>

 ^ focus on the input a
 How to make input.b stay visible when focus moves off .a and to .b?

Js:

 $(".a").focus(function(){
     $(".b").show();   
 });

 $(".a,.b").blur(function(){
     var f = false;
     if($(".a").is(":focus")) var f = true;
     if($(".b").is(":focus")) var f = true;
     if(!f) $(".b").hide();
 });

Input.b always hides when i move focus to it, but it shouldn't.

Here's a fiddle, http://jsfiddle.net/7gXfC/1/

I don't see how else to do this

@j809 Well when `.a` and `.b` are both blurred at the same time. — Control Freak, Jul 06 '14 at 17:35
How can .a and .b blur same time?? Double keyboard?? :) Do you mean "when .a and .b don't have a focus"? — Hardy, Jul 06 '14 at 17:36
@Hardy ok I should say when both `.a` and `.b` have lost focus. Please see the 2nd event in the above code. — Control Freak, Jul 06 '14 at 17:38
Why you need something like this? What your are trying to do with it in "real world"? — Hardy, Jul 06 '14 at 17:41

John Bupit · Accepted Answer · 2014-07-06T17:36:44.673

1

It's a work around, but you can try this:

$(".a").focus(function(){
    $(".b").show();   
});

/*
   Added a timeout so b.focus event occurs before a.blur
*/
$(".a").blur(function(){
    setTimeout(function() {
        if(!$(".b").is(":focus")) $(".b").hide();
    }, 50);
});

$(".b").focus(function(){
    $(".b").show();
});

$(".b").blur(function(){
    $(".b").hide();
});

Fiddle

edited Jul 06 '14 at 17:36

answered Jul 06 '14 at 17:30

John Bupit

10,406
8
39
75

Negative. I'm using FF 30 and it's not working either. – Control Freak Jul 06 '14 at 17:31
Seems like the timeout fixes it in FF. Looks good. Thanks. And yes, it does work in chrome. Not sure about IE however. – Control Freak Jul 06 '14 at 17:41
@ZeeTee [I posted a question on this odd behavior](http://stackoverflow.com/q/24635536/1492578). Didn't get an answer yet, though. – John Bupit Jul 09 '14 at 08:57

Grouping objects in a focus/blur event

1 Answers1