Anulimi i veprimit të parazgjedhur në JavaScript
Ndonjëherë me ndihmën e JavaScript kërkohet të anulohet veprimi i parazgjedhur i një tag-u. Për shembull, duke klikuar në një lidhje të anulohet kalimi në atë lidhje. Në përgjithësi kjo kërkohet në atë rast nëse këtë lidhje thjesht e përdorim për të nisur ndonjë kod. Në këtë rast fakti që duke klikuar në lidhje do të ndodhë kalimi nëpër të, nuk na duhet fare.
Anulimi i veprimit të parazgjedhur kryhet
duke përdorur objektin Event. Për këtë
ai ka një metodë të veçantë preventDefault(),
e cila duhet të thirret në çdo vend të përpunuesit
të ngjarjes.
Le të provojmë në praktikë. Le të themi se kemi një lidhje si kjo:
<a href="/" id="elem">lidhje</a>
Le të bëjmë që duke klikuar në lidhje të mos ndodhë kalimi në një faqe tjetër:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Ju nuk mund të shkoni në këtë lidhje!');
});
Janë dhënë lidhje. Bëni që me klikim në lidhje asaj t'i shkruhet në fund href-i i saj, por të mos ndodhë kalimi në lidhje.
Janë dhënë dy inpute, një paragraf dhe një lidhje. Le të thuhet se në inputet futen numra. Bëni që duke klikuar në lidhje në paragraf të shkruhet shuma e numrave të futur.
