JavaScript focus clearing method

Question

I know this shouldn't be difficult, but I can't find the answer on Google.

I want to execute a piece of javascript code that can clear the element where the current focus is, without knowing in advance which element the focus is on. It must work on Firefox 2 and more modern browsers.

Is there a good way to achieve this function?

Answer 1

.focus()Then select any other element .blur() on your page. Since only one element can have focus, focus is transferred to that element and then removed.

Answer 2

Answer: document.activeElement

To achieve the effect you want, use document.activeElement.blur()

If you need to support Firefox 2, you can also use the following code:

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

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