How to select an element that has focus on it with jQuery
JqueryFocusCss SelectorsJquery Problem Overview
How can you select an element that has current focus?
There is no :focus
filter in jQuery, that is why we can use something like this:
$('input:focus').someFunction();
Jquery Solutions
Solution 1 - Jquery
$(document.activeElement)
will return the currently focused element and is faster than using the pseudo selector :focus.
Solution 2 - Jquery
alert($("*:focus").attr("id"));
I use jQuery.
It will alert id of element is focusing.
I hope it useful for you.
Solution 3 - Jquery
Really the best way to do it is to setup a handler for the onFocus event, and then set a variable to the ID of the element that has focus.
something like this:
var id;
$(":input").focus(function () {
id = this.id;
});
Solution 4 - Jquery
Have you tried
$.extend($.expr[':'], {
focused: function(elem) { return elem.hasFocus; }
});
alert($('input :focused').length);
Solution 5 - Jquery
If you use JQuery, you can write a selector like this:
$.expr[':'].focus = function(a){ return (a == document.activeElement); }
You can then select the currently focused element: $(":focus")
Not only form controls can have focus. Any html element with a tabindex can be focused in modern browsers.
Solution 6 - Jquery
Lifted from the examples for the current jQuery version (1.7) docs:
$(elem).is(":focus");
Solution 7 - Jquery
For checking element has focus or not.
if ($("...").is(":focus")) {
...
}
Solution 8 - Jquery
Here is the CoffeeScript version of it. Based upon jmanrubia's code:
$.expr[':'].focus = (a) ->
a is document.activeElement
You would also call it like so $(".:focus")