Anularea acțiunii implicite în JavaScript
Uneori, folosind JavaScript, este necesar să anulăm acțiunea implicită a unui tag. De exemplu, la apăsarea unui link să anulăm navigarea către acel link. De obicei, acest lucru este necesar atunci când folosim acel link doar pentru a executa un cod. În acest caz, faptul că la click pe link va avea loc navigarea către el, nu este deloc dorit.
Anularea acțiunii implicite se face
cu ajutorul obiectului Event. Pentru aceasta
acesta are o metodă specială preventDefault(),
care trebuie apelată în orice loc al handler-ului
de eveniment.
Să încercăm în practică. Să presupunem că avem următorul link:
<a href="/" id="elem">link</a>
Să facem astfel încât la click pe link să nu aibă loc navigarea către altă pagină:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Nu puteți naviga prin acest link!');
});
Sunt date link-uri. Faceți astfel încât la click pe un link, în sfârșitul lui să i se înscrie href-ul său, iar navigarea prin link să nu aibă loc.
Sunt date două input-uri, un paragraf și un link. Să presupunem că în input-uri se introduc numere. Faceți astfel încât la click pe link în paragraf să se înscrie suma numerelor introduse.
