How to check focus on elements and windows?

Question

I want to find which element is in focus. Also, when a user opens multiple windows / tab, I would like to know which window / tab is in focus.

Answer 1

In normal JavaScript (i.e. without any frameworks like jQuery, MooTools, etc.):

var focusedElement;

document.addEventListener("focus", function(e) {
    focusedElement = e.target;
}, true);

document.addEventListener("blur", function(e) {
    focusedElement = null;
}, true);

Basically, whenever an element receives focus, we save this element in a variable, and when an element loses focus, we reset the variable.

HTML 5 has a special attribute for accessing the currently concentrated element:

var focusedElement = document.activeElement;

Answer 2

Using jQuery, you can use this to find the focus:

$("body").bind("onfocus", function (e) {
  alert("focus: " + e.target); // e.target is the element with focus
});

- DOM , , .

. jQuery , -.

Javascript.

Answer 3

Here's the tip . Anyway, you need to add an event handler for each input element on the page. Only alternative - only IE: document.activeElement