Categories

event.preventDefault()

Categories: Event Object

event.preventDefault()Returns: undefined

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

  • event.preventDefault()

    version added: 1.0

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.

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