Back to all resources
jQuery
event handling
navigation delay

Page Change Click Delay

By Corey Moen
This JavaScript code snippet is designed to modify the default behavior of HTML anchor elements with the classes "class" or "class2". When an anchor with either of these classes is clicked, the default navigation action is prevented using e.preventDefault(). Instead of immediately navigating to the link's destination, the script delays this action by 500 milliseconds. This delay is implemented using setTimeout(), after which the browser navigates to the URL specified in the anchor's href attribute.

The purpose of this delay could be to allow time for an animation to play or for logging the click event before the page unloads. This approach ensures that any processes that need to run before navigating away from the current page are completed.