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:

html<a href="/" id="elem">lidhje</a>

Le të bëjmë që duke klikuar në lidhje të mos ndodhë kalimi në një faqe tjetër:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Ju nuk mund të shkoni në këtë lidhje!');
});