JavaScriptにおけるイベントモデルの非同期性
メソッドaddEventListenerを使用して、
ページ要素で発生するさまざまなイベントを
購読できることはご存知でしょう。例えば、
変数elemにリンクが格納されている
ある要素のクリックを購読してみましょう:
elem.addEventListener('click', function() {
console.log('1');
});
console.log('2');
上記のコードでは、まず2番目のコンソール出力が実行されます。 では、1番目はいつ実行されるでしょうか? いつか:このコードの実行は、要素のクリックというイベントの発生を 待っています。それが発生するとすぐに、私たちのコードが実行されます。
コンソールに数字がどの順序で出力されるか説明してください:
elem1.addEventListener('click', function() {
console.log('1');
});
elem2.addEventListener('click', function() {
console.log('2');
});