javascript: which one is focused control?

Question

We javascript-ers all know how to set focus to a control:
coltrol.focus();
But how to know if a control is focused or not using javascript?

Answer 1

Use the onfocus and onblur events for the control.



If javascript is not enabled, there is no javascript code that will indicate this because it is not enabled.



You could have a initial page that tests for javascript. This page would through javascript re-direct to the appropriate page. If the re-direct did not happen, the page would state that javascript needs to be enabled to view this page.

Answer 2

There is a way to detect if javascript is enabled using javascript:

You do not have Javascript enabled

HTML

The wrapper div wraps around the HTML of your page body.



Aside from this, I agree with onfocus and onblur even though not all browsers support them.



if(window.focus) and if(window.blur) tests if they are supported.

Answer 3

Like so: