event.preventDefault()

If this method is called, the default action of the event will not be triggered.

.event.preventDefault()🡢 undefined

For example, clicked anchors will not take the browser to a new URL. We can use event.isDefaultPrevented() to determine if this method has been called by an event handler that was triggered by this event.

Cancel the default action (navigation) of the click.

JS
<a href="https://jquery.com">default click action is prevented</a>
<div id="log"></div>
HTML
$("a").click(function (event) {
  event.preventDefault();
  $("<div>")
    .append("default " + event.type + " prevented")
    .appendTo("#log");
});
DEMO

Looking for a Web Developer?

👋

Hi! I'm Basti, author of this site. If you are looking for a web developer with 15+ years of experience, holla at me!

Be it the good 'ol jQuery, vanilla JS or modern frameworks like Vue and Svelte, front- or backend, I can help you.

Just write me at jobs@jqapi.com :)