sự kiện JavaScript xử lý thực hiện lệnh

Question

Có này JS mã:

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(); 

Tôi đang tự hỏi theo thứ tự những gì các cảnh báo sẽ xuất hiện - nó sẽ được theo thứ tự các sự kiện được kích hoạt bởi click() hoặc nó có thể là ngẫu nhiên ?

Tôi hỏi về hành vi được lập tài liệu/chuẩn hóa, không phải về những trình duyệt hiện đang triển khai.

Answer 1

Cảnh báo sẽ được thực hiện theo thứ tự - 1 và sau đó 2. Điều này là do sự kiện click đồng bộ (xem here) - khi .click() được phát hành, trình xử lý sẽ được chạy ngay lập tức (xem đoạn cuối here). Vì vậy, mã này:

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'); 

sẽ tạo ra kết quả tương tự như

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

Answer 2

Tôi sẽ là 1 và sau đó là 2. http://jsfiddle.net/kkYfX/