Бубблинг и хватање догађаја у ЈаваСцрипт-у: Све што треба да знате

Овај блог ће пружити детаљно знање о мехурићима и хватању догађаја у јавасцрипту. Обезбедиће детаље о раду и употреби њих двоје.

Мехурићи догађаја и хватање догађаја су најчешће коришћени изрази у ЈаваСцрипт-у у тренутку протока догађаја. То су два начина ширења догађаја у ХТМЛ ДОМ АПИ-ју. Овај чланак о бубблингу и снимању догађаја у ЈаваСцрипт-у детаљно ће описати зашто их захтевамо у у следећем низу:

јава како завршити програм

Шта је мешање догађаја у ЈаваСцрипт-у?

Мехурјење догађаја је термин на који људи морају наићи док развијају веб апликацију или веб страницу . У основи, мешање догађаја је техника у којој се обрађују догађаји када се једна ставка угнезди на другу ставку и мора бити истог догађаја. Слично је капсулирању.





бубблинг догађаја - бубблинг и снимање догађаја у ЈаваСцрипт- едурека

Бубблинг догађаја је само мали део руковања догађајима у ЈаваСцрипт-у. Да бисмо га боље разумели, морамо знати о ширењу догађаја и о томе како подржава бубблинг.



Шта је ширење догађаја?

Размножавање догађаја се може упоредити као надређени термин са мехурићима и хватањем догађаја као његово дете.Представљен је на следећи начин:

 

Ако кликнете на било коју слику, то не само да ће генерисати догађај клика, већ се наставља на родитеља „а“ и деду „ли“. На овај начин се одвија ширење функције. Овде се слика сматра подређеном и она је циљ догађаја на коме се генерише клик. Слика заједно са својим прецима заједно чини грану у терминологији дрвета. Грана је важна јер упознајемо пут којим се догађај шири.



Сваког од слушалаца се позива са објектом догађаја, односно који прикупља информације о догађају. Ово ширење је веома важно јер упознајемо процес позивања свих слушалаца за дати догађај. Са горње слике можемо приметити да је одређивање гране статично. Све модификације стабла које се догоде током догађаја се занемарују. Овде је ширење двосмерно, односно иде од прозора до циља догађаја и враћа се назад. Овде је ширење широко категорисано у три главна типа. То су:

  1. Фаза хватања: Прелазак из прозора у фазу циља догађаја.
  2. Циљна фаза: То је циљна фаза.
  3. Фаза мехурића: Из матичног циља догађаја натраг до прозора.

Шта је снимање догађаја?

У овој фази позивају се слушаоци хватача чија је вредност регистрована као „истинита“. Написано је као:

ел.аддЕвентЛистенер ('клик', слушалац, тачно)

Овде је вредност слушаоца регистрована као „истинита“, па се овај догађај снима. Да није било вредности, тада је подразумевано вредност била нетачна и догађај се неће забележити. Дакле, у овој фази тај догађај чија је вредност истинита само им се нађе на путу од прозора и буде позван и ухваћен.

Тада се у фази циља догађаја позивају сви регистровани слушаоци без обзира на њихов статус заставе који је истинит или нетачан.

најбоља јава иде за виндовс

Коришћење мешања и снимања догађаја у ЈаваСцрипт-у

У фази мехурића позива се само не-хватач, то јест догађаји који имају вредност заставице као „нетачно“. Мехурићи догађаја и хватање догађаја су врло корисни и важни у терминологији ДОМ (објектни модел документа).

ел.аддЕвентЛистенер ('клик', слушалац, нетачно) // слушалац не снима ел.аддЕвентЛистенер ('клик', слушалац) // слушалац не снима

Горњи део кода приказује рад фазе мехурића и хватања. Не иду сви догађаји на циљ догађаја. Неки од њих се не издувају. Њихова путовања престају након циљне фазе. Ток фазе од три догађаја приказан је на следећем дијаграму:

Мехурићи догађаја не функционишу у свим врстама догађаја, међутим, слушалац мора да поседује '.мехур ”Логичко својство објекта догађаја. Нека од осталих својстава укључују:

  1. е.циљ: који упућује на циљ догађаја.
  2. е.цуррентТаргет: то је начин на који су регистровани тренутни слушаоци. Овде се на вредност позива помоћу ово кључна реч.
  3. е.евентПхасе: То је цео број који се односи на остале три кључне речи као што су Фаза хватања, Фаза мехурића, АТ_Таргет фаза.

Поступак рада

Погледајмо детаљније горњу илустрацију. Кликните на елемент „буттонОне“ и тада ће се одмах покренути догађај. Догађај обично започиње путовање од корена који је највиши елемент дрвета. Затим иде за дрветом циљног догађаја који је „буттонОне“. Ево како путује:

Као што је приказано на слици, догађај се на крају пробија кроз терминологије ДОМ-а достижући циљни догађај. Сада када догађај достигне свој циљ, он се не завршава. То се наставља и наставља у оквиру ДОМ терминологије, као што је приказано на доњој слици.

таленд опен студио туториал пдф

Као и раније, сваки елемент на путу догађаја док се креће горе добија обавештење о свом постојању. Како иде даље, сигурно размишљате можемо ли зауставити процес или не. Па, одговор на питање је Да, можемо зауставити ширење догађаја. То се постиже позивањем на „СтопПропагатион“ метода објекта догађаја.

виндов.аддЕвентЛистенер ('цлицк', е => {е.стопПропагатион ()}, труе) виндов.аддЕвентЛистенер ('цлицк', листенер ('ц1'), труе) виндов.аддЕвентЛистенер ('цлицк', листенер ('ц2 '), труе) виндов.аддЕвентЛистенер (' цлицк ', листенер (' б1 ')) виндов.аддЕвентЛистенер (' цлицк ', листенер (' б2 '))

Применом кључне речи успели смо да зауставимо ширење. То функционише овако, када примењујемо кључну реч „ стопПропагатион ” тада се сви догађаји под главним догађајима не позивају и стога не би били позвани како је поменуто у делу кода горе. Постоји још једна кључна реч позната као „ стопИммедиатеПропагатион ”. Као што и само име говори, одмах зауставља поступак браће и сестара.

Овим смо дошли до краја нашег чланка. Надам се да сте разумели шта је бубблинг и хватање догађаја у ЈаваСцрипт-у.

Сада када знате за мешање и снимање догађаја у ЈаваСцрипт-у, погледајте од Едуреке. Обука за сертификацију за веб развој ће вам помоћи да научите како да креирате импресивне веб локације помоћу ХТМЛ5, ЦСС3, Твиттер Боотстрап 3, јКуери и Гоогле АПИ-ја и примените их на Амазон Симпле Стораге Сервице (С3).

Имате питање за нас? Молимо вас да га спомињете у одељку за коментаре у „Мехурићи догађаја и хватање догађаја у ЈаваСцрипт-у“ и јавићемо вам се.