Kako preklicati dogodke v JavaScriptu?

Med posodabljanjem spletne strani ali spletnega mesta pride do situacij, ko nekatere vključene povezave niso več potrebne ali postanejo nepomembne. Poleg tega učinkovito upravljanje prometa določenega spletnega mesta. V takšnih primerih preklic dogodkov v JavaScriptu naredi čudeže pri onemogočanju nekaterih funkcij in obravnavi takšnih primerov.

Kako preklicati dogodke v JavaScriptu?

Za preklic dogodkov v JavaScriptu je mogoče uporabiti naslednje pristope:

- “ prepreči privzeto() ” metoda.
- “ Logična vrednost ” pristop.
- “ stopPropagation() ” metoda.

Pristop 1: Preklic dogodkov v JavaScriptu z uporabo metode preventDefault().

' prepreči privzeto() ” metoda prekliče priložen dogodek, če ga je mogoče preklicati. To metodo lahko uporabite za ločitev priloženega dogodka od dostopne povezave in s tem preprečite izvedbo dejanja.

Sintaksa

event.preventDefault ( )

V podani sintaksi:

- “ dogodek ” se nanaša na dogodek, ki ga je treba ločiti.

Primer

Pojdite skozi spodnji delček kode:

< h3 > Dogodek Click bo preklican ! h3 >
< a id = 'stran' href = 'https://www.google.com/' > Obiščite Googlovo spletno stran a >
document.getElementById ( 'stran' ) .addEventListener ( 'klik' , funkcijo ( preklicati ) {
cancel.preventDefault ( ) ;
} ) ;

Sledite spodaj navedenim korakom:

- Najprej vključite navedeni naslov, ki bo prikazan v dokumentnem objektnem modelu (DOM).
- Po tem določite » URL ' uporabljati ' href ” atribut.
- Zdaj v delu kode JavaScript dostopajte do podanega URL-ja.
- Priložite tudi » kliknite ' z URL-jem s pomočjo funkcije, ki uporablja ' addEventListener() ” metoda.
- Končno, ' prepreči privzeto() ” bo uporabljena metoda s pomočjo parametra funkcije za odklop priloženega dogodka.

Izhod

2. pristop: Prekličite dogodke v JavaScriptu z vrnitvijo logične vrednosti

Ta pristop je mogoče izvesti tako, da vrnete ' lažno ” logična vrednost ob sproženem dogodku.

Primer

Naslednje vrstice kode prikazujejo navedeni koncept:

< center >< vnos vrsta = 'besedilo' rezervirano mesto = 'Vnesite besedilo' oninput = 'cancelEvent()' > center >
funkcijo cancelEvent ( ) {
vrnitev lažno ;
opozorilo ( 'Ta izjava ne bo prikazana' )
}

V zgornjem delčku kode:

- Najprej v okviru » ” dodeli polje za vnos besedila.
- Priložite tudi » oninput ' dogodek z navedenim ' rezervirano mesto ” vrednost. To bo povzročilo priklic navedene funkcije ob vnosu besedila.
- Zdaj v delu kode JavaScript deklarirajte funkcijo z imenom ' cancelEvent() ”. V njeni definiciji vrni logično vrednost ' lažno ' za preklic vključenega ' dogodek ”.
- Na koncu navedite navedeno sporočilo v opozorilnem polju. Vrnjena logična vrednost se bo izognila pogovornemu oknu, ki bo prikazano.

Izhod

V zgornjem izhodu je mogoče opaziti, da se ob dostopu do funkcije opozorilno pogovorno okno ne prikaže, s čimer se prekliče priloženi dogodek.

Pristop 3: Preklic dogodkov v JavaScriptu z uporabo metode stopPropagation().

' stopPropagation() ” preprečuje širjenje istega dogodka. To metodo lahko uporabite za zaustavitev širjenja med dvema divoma, ko označite potrditveno polje.

Sintaksa

event.stopPropagation ( )

Primer

Upoštevajte naslednje vrstice kode:

< center >< h3 > Kliknite na spletno mesto in opazujte spremembo: h3 >
< div onclick = 'element2()' > Linux
< div onclick = 'element1(dogodek)' > Spletna stran div >
div >
< št >
Označite za zaustavitev širjenja:
< vnos vrsta = 'potrditveno polje' id = 'ček' >
center >

- V prvem koraku na podoben način vključite navedeni naslov.
- Zdaj vključite dva ' div » oznake s priloženimi « onclick ” dogodkov, pri čemer vsak od njih prikliče dve različni funkciji element2() in element1().
- Vključite tudi potrditveno polje z navedenim ID-jem. To potrditveno polje bo povzročilo ustavitev širjenja med dvema divoma.

Zdaj pa si oglejte naslednje vrstice kode JavaScript:

funkcijo element1 ( in ) {
opozorilo ( 'Kliknili ste spletno mesto' ) ;
če ( document.getElementById ( 'ček' ) .preverjeno ) {
e.stopPropagation ( ) ;
}
}
funkcijo element2 ( ) {
opozorilo ( 'Kliknili ste Linuxhint' ) ;
}

V zgornji kodi js:

- Definirajte funkcijo z imenom ' element1() ”. Tukaj je parameter ' in « se nanaša na » dogodek ”, ki se sproži, določeno v delu kode HTML.
- V njegovi definiciji prikažite opozorilno pogovorno okno z navedenim sporočilom.
- Po tem dostopajte do ustvarjenega potrditvenega polja z njegovim ID-jem s pomočjo » getElementById() ” metoda. Uporabite tudi ' preverjeno ”, da preverite stanje potrjenega potrditvenega polja.
- Nato uporabite » stopPropagation() ' metoda, ki se nanaša na parameter ' in ”. To bo povzročilo ustavitev širjenja iz ene funkcije v drugo funkcijo.
- Podobno definirajte drugo funkcijo ' element2() «, ki se bo širil. Ta funkcija bo delovala samo pred razmnoževanjem.

Izhod

Tukaj opazuje vedenje ob kliku na div ob potrditvi potrditvenega polja.

Zbrali smo pristope za preklic dogodkov v JavaScriptu.

Zaključek

' prepreči privzeto() ' metoda, ' logična vrednost « pristop ali » stopPropagation() ” se lahko uporabi za preklic dogodkov v JavaScriptu. Prvo metodo je mogoče uporabiti za odklop priloženega dogodka, kar povzroči onemogočanje povezave. Pristop logične vrednosti vrne ' lažno ” logična vrednost ob sproženem dogodku. Metodo stopPropagation() lahko uporabite za ustavitev širjenja med dvema divoma s pomočjo vključenega potrditvenega polja. Ta vadnica pojasnjuje preklic dogodkov v JavaScriptu.

Kako preklicati dogodke v JavaScriptu?