evento JavaScript orden de ejecución manipuladores

Question

Tener esta JS código:

document.getElementById('e1').addEventListener('click', function(){alert('1');}, false); 
document.getElementById('e2').addEventListener('click', function(){alert('2');}, false); 
document.getElementById('e1').click(); 
document.getElementById('e2').click(); 

Me pregunto en qué orden serán las alertas mostrará - va a estar en el orden de los acontecimientos se desencadenan por click() o podría ser al azar ?

Estoy preguntando sobre el comportamiento documentado/estandarizado, no sobre qué navegadores implementan actualmente.

Answer 1

Las alertas se ejecutarán en el orden - 1 y luego 2. Esto es porque el evento click es síncrono (ver here) - cuando se emite .click(), el controlador se ejecutará inmediatamente (consulte el último párrafo here). Por lo que este código:

document.getElementById('e1').addEventListener('click', function(){alert('1');}, false); 
document.getElementById('e2').addEventListener('click', function(){alert('2');}, false); 
document.getElementById('e1').click(); 
document.getElementById('e2').click(); 
alert('3'); 

producirá el mismo resultado que

alert('1'); 
alert('2'); 
alert('3'); 

Answer 2

Seré 1 y luego 2. http://jsfiddle.net/kkYfX/