Javascript detect where is the focus

If the user is focused on foo and presses Tab , I want the event to fire once detect becomes focused or a conditional inside the focus event to be true. Conversely, if the user simply clicks on the detect field to focus it, I do not want the event to fire or I want the conditional inside the focus event call to be false. I don't want to use the keydown event of foo and check if the tab key was pressed, as I want the approach to be independent of any other element.

I looked through the console output of the following code, but couldn't notice any real differences between the two methods of focusing:. As you've noticed, the event object itself does not distinguish the means of access. What you can do is to bind a mousedown listener, which will fire before focus , and set some timestamp flag that you compare to some threshold value in your focus handler.

Detect loss of focus in JavaScript Asked ago. Active 3 hr before. Viewed times. See Detect which form input has focus using JavaScript or jQuery You can use an onfocusout on the body element. These are the two main focus events: The following example shows how to handle the focus and blur events. Other "detect-focus" queries related to "Detect loss of focus in JavaScript" Detecting production vs. WebStorm not detecting React import unless explicitly typed How do I focus input elements which are on different components in React?

React ignoring useMobileDetection custom hook return value unless resized How to detect end of speech in microsoft-speech tts sdk React-Table with hooks looses focus on input inside table?

Related Questions. Collectives on Stack Overflow. Learn more. Asked 8 years, 4 months ago. Active 1 year, 11 months ago. Viewed k times. I agree. I wonder if the OP used to be jQuery-based HermannIngjaldsson And so implicitly does this, since the code provided uses jQuery as it did when originally posted. Thus it is a duplicate. Add a comment. Active Oldest Votes. Prinzhorn Prinzhorn