How to get the focused element with jQuery

Question

Using jQuery, how can I get the input element that has the caret's (cursor's) focus?

Or in other words, how to determine if an input has the caret's focus?

Answer 1

Hello @kartik,

// Get the focused element:
var $focused = $(':focus');

// No jQuery:
var focused = document.activeElement;

// Does the element have focus:
var hasFocus = $('foo').is(':focus');

// No jQuery:
elem === elem.ownerDocument.activeElement;

So you can use:

document.activeElement

And if you want a jQuery object wrapping the element:

$(document.activeElement)

Hope it helps!!
Thank you!!