Док ажурирате веб страницу или веб локацију, постоје ситуације у којима неке укључене везе више нису потребне или постају неважне. Поред тога, ефикасно управљање саобраћајем одређене веб странице. У таквим случајевима, отказивање догађаја у ЈаваСцрипт-у чини чуда у онемогућавању неких функционалности и руковању таквим сценаријима случајева.
Како отказати догађаје у ЈаваСцрипт-у?
Следећи приступи се могу користити за отказивање догађаја у ЈаваСцрипт-у:
-
- “ превентДефаулт() ” метод.
- “ Боолеан Валуе ' приступ.
- “ стопПропагатион() ” метод.
Приступ 1: Откажите догађаје у ЈаваСцрипт-у помоћу методе превентДефаулт().
„ превентДефаулт() ” метода отказује приложени догађај ако је могуће отказати. Овај метод се може користити да се приложени догађај одвоји од везе којој се приступа, чиме се спречава извршавање радње.
Синтакса
евент.превентДефаулт ( )
У датој синтакси:
-
- “ догађај ” се односи на догађај који треба одвојити.
Пример
Прођите кроз доле дати исечак кода:
< х3 > Догађај Цлицк ће бити отказан ! х3 >
< а ид = 'сајт' хреф = '595Ц3ЦЦЕ2409А55Ц13076Ф1БАЦ5ЕДЕЕ529ФЦ2Е58' > Посетите Гоогле веб локацију а >
доцумент.гетЕлементБиИд ( 'сајт' ) .аддЕвентЛистенер ( 'кликни' , функција ( поништити, отказати ) {
цанцел.превентДефаулт ( ) ;
} ) ;
Пратите доле наведене кораке:
-
- Прво, укључите наведени наслов који ће бити приказан на моделу објекта документа (ДОМ).
- Након тога наведите „ УРЛ ' помоћу ' хреф ” атрибут.
- Сада, у ЈаваСцрипт делу кода, приступите наведеној УРЛ адреси.
- Такође, приложите „ кликните ” догађај са УРЛ-ом уз помоћ функције која користи „ аддЕвентЛистенер() ” метод.
- Коначно, „ превентДефаулт() ” ће се применити уз помоћ параметра функције за одвајање приложеног догађаја.
Излаз
Приступ 2: Откажите догађаје у ЈаваСцрипт-у враћањем логичке вредности
Овај приступ се може применити враћањем „ лажно ” логичка вредност након покренутог догађаја.
Пример
Следећи редови кода демонстрирају наведени концепт:
< центар >< улазни тип = 'текст' чувар места = 'Унесите текст' онинпут = 'цанцелЕвент()' > центар >функција цанцелЕвент ( ) {
повратак лажно ;
узбуна ( „Ова изјава неће бити приказана“ )
}
У горњем исечку кода:
-
- Прво, у оквиру „ <центар> ” додијелите поље за унос текста.
- Такође, приложите „ онинпут ” догађај са наведеним „ чувар места ” вредност. Ово ће резултирати позивањем наведене функције након уноса текста.
- Сада, у ЈаваСцрипт делу кода, прогласите функцију под називом „ цанцелЕвент() ”. У својој дефиницији, врати логичку вредност „ лажно ” да откажете укључено „ догађај ”.
- На крају, наведите наведену поруку у пољу за упозорење. Враћена логичка вредност ће довести до избегавања приказа оквира за дијалог.
Излаз
У горњем излазу, може се приметити да након приступа функцији, оквир за дијалог упозорења није приказан, чиме се отказује приложени догађај.
Приступ 3: Откажите догађаје у ЈаваСцрипт-у користећи стопПропагатион() метод
„ стопПропагатион() ” метода спречава ширење истог догађаја. Овај метод се може користити за заустављање пропагирања између два дива након што означите поље за потврду.
Синтакса
евент.стопПропагатион ( )
Пример
Обратите пажњу на следеће линије кода:
< центар >< х3 > Кликните на веб локацију да бисте видели промену: х3 >< див онцлицк = 'елемент2()' > Линук
< див онцлицк = 'елемент1(догађај)' > Веб сајт див >
див >
< бр >
Проверите да бисте зауставили ширење:
< улазни тип = 'поље за потврду' ид = 'проверавати' >
центар >
-
- У првом кораку, на сличан начин, укључите наведени наслов.
- Сада укључите два „ див ” ознаке са приложеним “ онцлицк ” догађаји при чему сваки од њих позива две различите функције елемент2() и елемент1().
- Такође, укључите поље за потврду са наведеним ИД-ом. Ово поље за потврду ће довести до заустављања пропагације између два дива.
Сада погледајте следеће ЈаваСцрипт линије кода:
функција елемент1 ( и ) {узбуна ( „Кликнули сте на веб локацију“ ) ;
ако ( доцумент.гетЕлементБиИд ( 'проверавати' ) .проверено ) {
е.стопПропагатион ( ) ;
}
}
функција елемент2 ( ) {
узбуна ( „Кликнули сте на Линукхинт“ ) ;
}
У горњем јс коду:
-
- Дефинишите функцију под називом „ елемент1() ”. Овде је параметар „ и “ односи се на “ догађај ” који се покреће наведен у ХТМЛ делу кода.
- У својој дефиницији, прикажите оквир за дијалог упозорења са наведеном поруком.
- Након тога, приступите креираном пољу за потврду по његовом ИД-у користећи „ гетЕлементБиИд() ” метод. Такође, примените „ проверено ” да бисте проверили стање означеног поља за потврду.
- Затим примените „ стопПропагатион() ” метод који се односи на параметар “ и ”. Ово ће довести до заустављања ширења од једне функције до друге функције.
- Слично, дефинишите другу функцију “ елемент2() ” које треба пропагирати. Ова функција ће бити функционална само пре ширења.
Излаз
Овде, посматра понашање након клика на див након означавања поља за потврду.
Саставили смо приступе за отказивање догађаја у ЈаваСцрипт-у.
Закључак
„ превентДефаулт() ” метод, „ боолеан вредност “ приступ, или “ стопПропагатион() ” метода се може користити за отказивање догађаја у ЈаваСцрипт-у. Први метод се може применити да одвоји приложени догађај што резултира онемогућавањем везе. Приступ логичке вредности враћа „ лажно ” логичка вредност након покренутог догађаја. Метода стопПропагатион() се може применити да заустави пропагирање између два дива уз помоћ укљученог поља за потврду. Овај водич објашњава отказивање догађаја у ЈаваСцрипт-у.