Question

Let’s say I have an input text field and a few anchor links.

1. The user cursor is focused in the input text field.

2. When the user clicks on one of the links outside this field, the input field loses focus and a click event is triggered (bad – I just want the first click outside to be an action to lose the focus of that input field).

Only subsequent clicks would be triggered once this input field is no longer in focus.

Answer 1

You should use onblur event listener on the text field that will put a flag to indicate that user just left this “magic” input. Then, check this flag in “onclick” events in anchors and if the flag is true, call “prevent default” (and/or return the focus to the input).
Optionally clear the flag after a small timeout.