Ακύρωση προεπιλεγμένης δράσης στο jQuery

Όπως πρέπει ήδη να γνωρίζετε, η δράση του χρήστη στο JavaScript ακυρώνεται χρησιμοποιώντας την event.preventDefault(). Ας αποτρέψουμε την αποστολή δεδομένων της φόρμας, καθώς και την περαιτέρω αναδίπλωση του συμβάντος:

javascript$('form').on('submit', function(event) {
  event.preventDefault();
});

Μπορεί επίσης να αποτραπεί μόνο η αποστολή δεδομένων της φόρμας (αλλά όχι η αναδίπλωση του συμβάντος) με στυλ jQuery - για αυτό η συνάρτηση-χειριστής του συμβάντος πρέπει να επιστρέψει false:

javascript$('form').on('submit', function() {
  return false;
});

Φυσικά, μπορούμε να ακυρώνουμε οποιοδήποτε συμβάν, για παράδειγμα ένα κλικ σε έναν σύνδεσμο. Για παράδειγμα, έχουμε τον ακόλουθο σύνδεσμο στον κώδικα HTML:

html<a href="/">link</a>

Τώρα ας χρησιμοποιήσουμε την ακύρωση της δράσης:

javascript$('a').on('click', function () {
  alert('Δεν μπορείτε να ακολουθήσετε αυτόν τον σύνδεσμο!');
  return false;
});