Η μέθοδος event.preventDefault

Η μέθοδος event.preventDefault επιτρέπει την ακύρωση των προεπιλεγμένων δράσεων του προγράμματος περιήγησης. Για παράδειγμα, να γίνει έτσι ώστε με το κλικ σε ένα σύνδεσμο να μην γίνεται μετάβαση σε άλλη σελίδα ή με το πάτημα σε ένα κουμπί η φόρμα να μην υποβάλλεται στον διακομιστή. Πώς να τη χρησιμοποιήσετε: απλά μέσα στη συνάρτηση, που είναι δεσμευμένη στο συμβάν, σε οποιοδήποτε σημείο πρέπει να καλέσετε το event.preventDefault(), όπου event - είναι το αντικείμενο Event.

Σύνταξη

event.preventDefault();

Παράδειγμα

Ας κάνουμε έτσι ώστε με το κλικ σε ένα σύνδεσμο να μην συμβαίνει μετάβαση σε άλλη σελίδα:

<a href="/" id="elem">σύνδεσμος</a>

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	alert('δεν μπορείτε να μεταβείτε μέσω αυτού του συνδέσμου!');
});

Δείτε επίσης

η μέθοδος addEventListener,
που δεσμεύει συμβάντα
η μέθοδος removeEventListener,
που αποδεσμεύει συμβάντα