Detect if input has focus

Question

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?

score 5 · Accepted Answer · edited May 23 '17 at 11:48

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

edited May 23 '17 at 11:48

Community

1
1

answered Jul 27 '12 at 18:29

Shreedhar

5,502
3
22
27

score 2 · Answer 2 · answered Jul 27 '12 at 18:29

2

Like so?

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

}

answered Jul 27 '12 at 18:29

wanovak

6,117
25
32

1

I know. I would've had it by 2 minutes but StackOverflow didn't think I was human :-( – wanovak Jul 27 '12 at 18:32

score 1 · Answer 3 · answered Jul 27 '12 at 18:31

1

Perhaps:

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

answered Jul 27 '12 at 18:31

11684

7,356
12
48
71

Detect if input has focus

3 Answers3