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

There's a way easier and more reasonable solution. As you expect onchange fire when the input value changes, you can simply explicitly check, if it was actually changed.

function onChangeHandler(e){
  if(this.value==this.oldvalue)return; //not changed really
  this.oldvalue=this.value;
  // .... your stuff
}