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

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

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

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

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

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

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

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

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