Standaardaksie-annulering in JavaScript
Soms is dit nodig om 'n etiket se standaardaksie met behulp van JavaScript te kanselleer. Byvoorbeeld, om die oorgang na 'n skakel te voorkom wanneer daarop geklik word. Dit is gewoonlik nodig wanneer ons die skakel net gebruik om 'n kode uit te voer. In hierdie geval is die feit dat 'n klik op die skakel na 'n ander bladsy sal lei, glad nie vir ons nodig nie.
Die annulering van die standaardaksie word gedoen
met behulp van die Event-objek. Hiervoor
het dit 'n spesiale metode preventDefault(),
wat in enige plek van die gebeurtenishandler
opgeroep moet word.
Kom ons probeer dit in die praktyk. Laat ons sê ons het die volgende skakel:
<a href="/" id="elem">skakel</a>
Laat ons maak dat 'n klik op die skakel nie na 'n ander bladsy lei nie:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Jy kan nie na hierdie skakel gaan nie!');
});
Skakels word gegee. Maak dat wanneer daar op 'n skakel geklik word, sy href aan die einde daarvan geskryf word, maar dat daar nie na die skakel oorgegaan word nie.
Twee insetvelde, 'n paragraaf en 'n skakel word gegee. Laat getalle in die insetvelde ingevoer word. Maak dat wanneer daar op die skakel geklik word, die som van die ingevoerde getalle in die paragraaf geskryf word.
