Η μέθοδος event.preventDefault

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

Σύνταξη

javascriptevent.preventDefault();

Παράδειγμα

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

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

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

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

Результат:

Δείτε επίσης