How do you clear the focus in javascript?

Question

I know this shouldn't be that hard, but I couldn't find the answer on Google.

I want to execute a piece of javascript that will clear the focus from whatever element it is on without knowing ahead of time which element the focus is on. It has to work on firefox 2 as well as more modern browsers.

Is there a good way to do this?

Answer 1

This question might have some answers for you: http://stackoverflow.com/questions/497094/how-do-i-find-out-which-javascript-element-has-focus

Answer 2

Answer: document.activeElement

---edit----

Technically: document.activeElement.blur()

----edit 2----

function onElementFocused(e)
{
    if (e && e.target)
        document.activeElement = 
        e.target == document ? null : e.target;
} 

if (document.addEventListener) 
    document.addEventListener("focus", onElementFocused, true);

Answer 3

.focus() and then .blur() something else arbitrary on your page. Since only one element can have the focus, it is transferred to that element and then removed.

Answer 4

dummyElem.focus() where dummyElem is a hidden object (e.g. has negative zIndex)?

Answer 5

You can call window.focus();

but moving or losing the focus is bound to interfere with anyone using the tab key to get around the page.

you could listen for keycode 13, and forego the effect if the tab key is pressed.