Погружэнне падзей у JavaScript

Акрамя ўсплыцця падзей ёсць яшчэ і погружэнне. На самой справе падзея спачатку ідзе зверху ўніз (стадыя перахопу), даходзіць да нашага элемента (стадыя мэты) і толькі потым пачынае ўсплываць (стадыя ўсплыцця).

Для таго, каб павесіць апрацоўшчык падзеі з улікам стадыі перахопу ў addEventListener ёсць трэці неабавязковы параметр. Калі ён роўны true - падзея спрацуе на стадыі перахопу, а калі false - на стадыі ўсплыцця (гэта па змаўчанні). Давайце паглядзім на прыкладзе:

elem1.addEventListener('click', function() {
	console.log('зялёны - погружэнне');
}, true);
elem1.addEventListener('click', function() {
	console.log('зялёны - ўсплыццё');
}, false);

elem2.addEventListener('click', function() {
	console.log('блакітны - погружэнне');
}, true);
elem2.addEventListener('click', function() {
	console.log('блакітны - ўсплыццё');
}, false);

elem3.addEventListener('click', function() {
	console.log('чырвоны - погружэнне');
}, true);
elem3.addEventListener('click', function() {
	console.log('чырвоны - ўсплыццё');
}, false);

Можаце праверыць: