Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Check whether some element is "focused" without jQuery

I was almost sure I could find the answer here, but I wasn't successful. How would you check whether is there some object selected (focused) on the moment of the event call? I tried if (document.activeElement == "[object HTMLBodyElement]"), but apparently the .activeElement is being filled onLoad. I am not allowed to use jQuery, only mootools.

Thanks a lot for the help!

like image 328
mrkva Avatar asked Aug 13 '11 18:08

mrkva


Video Answer


2 Answers

https://developer.mozilla.org/en/DOM/document.activeElement - as pointed out, if no element is focused, the document body is focused by default:

if (document.activeElement != document.body) {
  // something else than the body is focused
}
like image 136
Shi Avatar answered Oct 19 '22 09:10

Shi


if ( document.body === document.activeElement ) {
  // the body is focused, ie no other element is focused
}
like image 26
Matijs Avatar answered Oct 19 '22 09:10

Matijs