jQuery determine if any inputs within a div is focused

Question

How do you determine if any input within div1 is focused with jQuery?

<div id="div1">
    <input type="text" id="input1">
    <div id="div2">
        <input type="text" id="input2">
    </div>
</div>

@Teemu I believe the OP is referring to focused text inputs. — Mooseman
– Mooseman, Commented Jun 12, 2014 at 18:14

Mooseman · Accepted Answer · 2014-06-12 18:20:37Z

2

if($("#div1 input:focus").length > 0){
   alert('An input is selected');
}else{
   alert('No inputs selected.');
}

Fiddle: http://jsfiddle.net/6r8RQ/

Docs: :focus, .length.

edited Jun 12, 2014 at 18:20

answered Jun 12, 2014 at 18:11

Mooseman

18.9k14 gold badges74 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Simcha Khabinsky · Accepted Answer · 2014-06-12 18:20:36Z

0

Short and to the point:

if ( $("#div1").find("input:focus")[0] ) {...}

Given a jQuery object that represents a set of DOM elements, the .find() method allows us to search through the descendants of these elements in the DOM tree and construct a new jQuery object from the matching elements. The .find() and .children() methods are similar, except that the latter only travels a single level down the DOM tree.

Source: http://api.jquery.com/find/

JSFiddle

edited Jun 12, 2014 at 18:20

answered Jun 12, 2014 at 18:13

Simcha Khabinsky

2,0392 gold badges20 silver badges35 bronze badges

Collectives™ on Stack Overflow

jQuery determine if any inputs within a div is focused

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related