Why is my onchange function called twice when using .focus()?

Question

TLDR

• Check this example in chrome.
• Type someting and press tab. see one new box appear
• type something and pr

Answer 1

A quick fix (untested) should be to defer the call to focus() via

setTimeout(function() { ... }, 0);

until after the event handler has terminated.

However, it is possible to make it work without such a hack; jQuery-free example code: