Selector for tab-highlighted element

Question

Is there a CSS or jQuery selector for the element which has received focus via the tab key, like you commonly do with anchor tags and form elements?

Does it have to be via the tab key? – Musa Sep 21 '12 at 20:50 — Musa, Sep 21 '12 at 20:50

score 2 · Accepted Answer · edited May 23 '17 at 10:25

2

This should work for you.

if ($(".selector").is( ":focus" ))
{
    // Do something
}

If you want to highlight an element on focus use this:

$(".selector").focus(function()
{
    $(".selector").css("background-color","#FF99CC");
});

EDIT: @Musa brings up a good point. If it has to be triggered by tab then look at this post: jQuery: How to capture the TAB keypress within a Textbox I know it's for a textbox but it shouldn't be too hard to do.

edited May 23 '17 at 10:25

Community

answered Sep 21 '12 at 20:49

Nate-Wilkins

Yea but I like to extend sometimes if people aren't used to a language. – Nate-Wilkins Sep 21 '12 at 20:57
sure, it depends on the actual purpose. maybe CSS is enough, maybe Drew needs jQuery – szajmon Sep 21 '12 at 20:59
I was really just curious about tab selection, but your answer made me think about what's actually going on there. +1. – Andrew Sep 26 '12 at 19:58
Hey no problem that's what I'm here for! – Nate-Wilkins Sep 26 '12 at 21:02

1 Answers1