Догађај је важан део .Веб страница одговара према догађају који се догодио. Неке догађаје генеришу корисници, а неке генеришу АПИ-ји. У овом чланку ћемо видети како се догађаји догађају и како се метода аддЕвентЛистенер у ЈаваСцрипт користи у следећем низу:
- Шта је слушалац догађаја?
- АддЕвентЛистенер () у ЈаваСцрипт-у
- Вредности параметара
- АддЕвентЛистенер у ЈаваСцрипт-у: Пример
Шта је слушалац догађаја?
Слушалац догађаја је поступак у ЈаваСцрипт-у који чека да се догађај догоди. Једноставан пример догађај је корисник који кликће мишем или притиска тастер на тастатури.
Тхе аддЕвентЛистенер () је уграђена ЈаваСцрипт функција која узима догађај да би га послушала и други аргумент који треба позвати кад год се описани догађај покрене. Било који број обрађивача догађаја може се додати једном елементу без преписивања постојећих обрађивача догађаја.
баци дупло на инт јава
аддЕвентЛистенер () у ЈаваСцрипт-у
Неке од Карактеристике методе слушалаца догађаја укључују:
- Тхе аддЕвентЛистенер () метода прилаже ан руковалац догађајима наведеном елементу.
- Овом методом се обрађивач догађаја веже на елемент без преписивање постојеће руковаоце догађајима.
- Можеш додати многи водитељи догађаја на један елемент.
- Можете додати много обрађивача догађаја исти тип до једног елемент , тј. два „клик“ догађаја.
- Слушаоци догађаја могу се додати било којем ПРЕСУДА објект не само ХТМЛ елементи. тј. објект прозора.
- Метода аддЕвентЛистенер () то чини лакше да контролише како догађај реагује до бубања.
Када се користи метода аддЕвентЛистенер (), ЈаваСцрипт је одвојен од маркуп, ради боље читљивости и омогућава вам додавање слушалаца догађаја чак и када не контролишете ХТМЛ маркуп.
Такође, слушалац догађаја можете лако уклонити помоћу ремовеЕвентЛистенер () метода .
Синтакса:
таргет.аддЕвентЛистенер (типе, листенер [, оптионс]) таргет.аддЕвентЛистенер (типе, листенер [, усеЦаптуре]) таргет.аддЕвентЛистенер (типе, листенер [, усеЦаптуре, вантсУнтрустед])
Вредности параметара
| Параметар | Опис |
догађај | Потребан. Низ који наводи име догађаја. Напомена: Не користите префикс „он“. На пример, користите „клик“ уместо „онцлицк“. Списак свих ХТМЛ ДОМ догађаја потражите у нашој комплетној референци предмета ХТМЛ ДОМ догађаја. |
функцију | Потребан. Одређује функцију која ће се покренути када се догоди догађај. Када се догађај догоди, објект догађаја се преноси функцији као први параметар. Тип догађаја објект зависи од наведеног догађаја. На пример, догађај „клик“ припада објекту МоусеЕвент. |
усеЦаптуре | Опционо. Логичка вредност која одређује да ли догађај треба извршити у фази снимања или у фази мехурића. Могуће вредности: тачно - Обрађивач догађаја се извршава у фази хватања - Нетачно. Обрађивач догађаја се извршава у фази мехурића |
Сада када знате како слушалац догађаја ради, погледајмо пример аддЕвентЛистенер () у ЈаваСцрипт-у.
аддЕвентЛистенер () у ЈаваСцрипт-у: Пример
& Лт! ДОЦТИПЕ хтмл & гт & лтхтмл & гт & лтбоди & гт & лтп & гтТхис пример користи методу аддЕвентЛистенер () да изврши функцију када корисник кликне на дугме. & Лт / п & гт & лтбуттон ид = 'миБтн' & гтТри је & лт / дугме & гт & лтп ид = 'демо' & гт & лтсцрипт & гт доцумент.гетЕлементБиИд ('миБтн'). аддЕвентЛистенер ('цлицк', миФунцтион) функција миФунцтион () {доцумент.гетЕлементБиИд ('демо'). иннерХТМЛ = 'Хелло Ворлд'} & лт / сцрипт & гт & лт / боди & гт & лт / хтмл & гт 
Овим смо дошли до краја овог аддЕвентЛистенер у ЈаваСцрипт-у. Надам се да сте разумели како слушалац догађаја метода ради у ЈаваСцрипт-у.
Погледајте наш која долази са обуком уживо коју воде инструктори и искуством у стварном животу. Овај тренинг чини вас вештима за рад са позадинским и предњим веб технологијама. Укључује обуку о веб-развоју, јКуери-ју, Ангулар-у, НодеЈС-у, ЕкпрессЈС-у и МонгоДБ-у.
Имате питање за нас? Молимо вас да га помињете у одељку за коментаре блога „аддЕвентЛистенер ин ЈаваСцрипт“ и јавићемо вам се.