Quizás ingenuamente, pensé que ya no había diferencias significativas entre los navegadores, pero comparé el comportamiento de los siguientes en Firefox y Chrome

https://jsfiddle.net/2b5mnvwt/1/

Específicamente, escriba algo de texto en el cuadro de texto y luego presione el botón. El clic del botón se dispara en Firefox pero no en Chrome

¿La diferencia se debe a algo que estoy haciendo mal o es un problema bien conocido? ¿Lo cual está bien?

 document.getElementById("theTextBox").addEventListener("blur", OnBlur, false); document.getElementById("theButton").addEventListener("click", ButtonClick, false); function ButtonClick(e) { console.log('button') alert('button') } function OnBlur(e) { console.log('blur') alert('blur') //e.relatedTarget.focus(); //e.relatedTarget.click(); }

 <input id="theTextBox" type="text" /> <button id="theButton">Click Me</button>

NB El evento de cambio tiene el mismo comportamiento.