자바 스크립트에서 이벤트 핸들러의 비동기 또는 동기 호출

Question

자바 스크립트에서 이벤트 핸들러가 동 기적으로 또는 비동기 적으로 실행됩니까? JS bin은 이벤트 핸들러가 동 기적으로 실행됨을 보여줍니다.

코드 :

$('#toclick').bind('custom', function() { 
    for (var i=0; i<100000; i++) {} 
    console.log('Inside click handler'); 
}); 

$('#toclick').trigger('custom'); 
console.log('Outside click handler'); 

Output: 
Inside click handler 
Outside click handler 

이것은 우리가 이벤트를 트리거하는 경우 모든 이벤트 핸들러가 실행되지 않는 한, 아래 코드가 실행되지 않습니다 것을 의미합니다. 내가 맞습니까?

Bin with multiple event handlers

Answer 1

맞습니다. 모든 이벤트 핸들러는 동 기적으로 그리고 바인딩 순서대로 시작됩니다.

Answer 2

일부 이벤트 처리기는 동기화되고 다른 일부 이벤트 처리기는 비동기 적으로 실행됩니다. DOM-Level-3-Events