Javascript/jQuery detect if input is focused [duplicate]

Question

How do I detect when .click event triggers if textarea is already focused?

I have this jquery:

$(".status").on("click","textarea",function(){
        if ($(this) == "focused") {
            // fire this step
        }else{
            $(this).focus();
            // fire this step
    }

its not a duplicate because the other question asks specifically for a jquery solution. — john-jones
– john-jones, Commented Jun 18, 2017 at 15:10
@HermannIngjaldsson And so implicitly does this, since the code provided uses jQuery (as it did when originally posted). Thus it is a duplicate. — robinCTS
– robinCTS, Commented Feb 20, 2018 at 0:37

B T · Accepted Answer · 2014-04-25 20:43:13Z

376

With pure javascript:

this === document.activeElement // where 'this' is a dom object

or with jquery's :focus pseudo selector.

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

edited Apr 25, 2014 at 20:43

B T

61.6k36 gold badges200 silver badges212 bronze badges

answered Jul 12, 2013 at 12:25

Prinzhorn

22.6k7 gold badges65 silver badges69 bronze badges

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

8 Comments

southpaw93 Over a year ago

I don't know why it is not working.... none of them.. if it's not focused it fires the first step.. but it should fire the else step..

B T Over a year ago

Note that setting focus with 'focus()' won't work if the node isn't attached to the dom or is hidden (e.g. display:none;)

Mathias Over a year ago

thank you for not bringing a jQuery solution. Especially because the pure JS solution is so much shorter too. tips hat

katzenhut Over a year ago

@Mathias - You are probably referring to some obscure definition of 'shorter'...

Mathias Over a year ago

@katzenhut ha, yeah ... not sure what I was trying to say (back in 2014). I assume I meant 'shorter' as in, doesn't invoke a bunch of library code?!

|

sohaiby · Accepted Answer · 2017-07-06 12:22:50Z

2

If you can use JQuery, then using the JQuery :focus selector will do the needful

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

edited Jul 6, 2017 at 12:22

answered Jul 12, 2013 at 12:26

sohaiby

1,2083 gold badges25 silver badges40 bronze badges

Comments

Praveen · Accepted Answer · 2013-07-12 12:25:27Z

0

Using jQuery's .is( ":focus" )

$(".status").on("click","textarea",function(){
        if ($(this).is( ":focus" )) {
            // fire this step
        }else{
                    $(this).focus();
            // fire this step
    }

answered Jul 12, 2013 at 12:25

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:34:47Z

0

Did you try:

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

Take a look at Using jQuery to test if an input has focus it features some more examples

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Jul 12, 2013 at 12:26

Vincent Cohen

8787 silver badges28 bronze badges

Collectives™ on Stack Overflow

Javascript/jQuery detect if input is focused [duplicate]

4 Answers 4

8 Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

8 Comments

Comments

Comments

Comments

Linked

Related