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

User · Answer

document activeElement blur      Works wrong on IE9 - it blurs the whole browser window if active element is document body  Better to check for this case   if  document activeElement    document body  document activeElement blur

User · Answer

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

User · Answer

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

User · Answer

Answer  document activeElement To do what you want  use document activeElement blur   If you need to support Firefox 2  you can also use this  function onElementFocused e        if  e  amp  amp  e target          document activeElement   e target    document   null   e target      if  document addEventListener       document addEventListener  quot focus quot   onElementFocused  true

User · Answer

dummyElem focus   where dummyElem is a hidden object  e g  has negative zIndex

User · Answer

None of the answers provided here are completely correct when using TypeScript  as you may not know the kind of element that is selected   This would therefore be preferred   if  document activeElement instanceof HTMLElement      document activeElement blur      I would furthermore discourage using the solution provided in the accepted answer  as the resulting blurring is not part of the official spec  and could break at any moment

User · Answer

With jQuery its just    this  blur

[javascript] How do you clear the focus in javascript?

Examples related to javascript

Examples related to focus