One of my web app's page consists of a grid and a search box. I capture the keypress event to select through each of the grid's rows using the space bar. However, this creates a problem for when someone wants to look up a phrase in the search box.

I know that jQuery has a .focus method to bind an event handler to an input or give focus to an element. But how do I get a boolean value to determine if the search input has focus or not?

One of my web app's page consists of a grid and a search box. I capture the keypress event to select through each of the grid's rows using the space bar. However, this creates a problem for when someone wants to look up a phrase in the search box.

I know that jQuery has a .focus method to bind an event handler to an input or give focus to an element. But how do I get a boolean value to determine if the search input has focus or not?

• javascript
• jquery

Share Improve this question Follow edited Jul 27, 2012 at 18:28 Felix Kling 818k181181 gold badges1.1k1.1k silver badges1.2k1.2k bronze badges asked Jul 27, 2012 at 18:26 Zishan NenoZishan Neno 2,82777 gold badges3636 silver badges6060 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

try this

if ($("#id").is(":focus")) {
  alert('focus');
}

you can find more info on below link :

Using jQuery to test if an input has focus

Like so?

if($('...').is(':focus')){

}

Perhaps:

$(this).is(":focus");