• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • event.preventDefault()

    如果调用这个方法,默认事件行为将不再触发。

    event.preventDefault()
    • 这个方法不接受任何参数。

    例如,在执行这个方法后,如果点击一个链接(a标签),浏览器不会跳转到新的 URL 去了。我们可以用event.isDefaultPrevented()来确定这个方法是否(在那个事件对象上)被调用过了。

    例子

    取消点击动作的默认导航行为。

    <!DOCTYPE html>
    <html>
    <head>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script>
    </head>
    <body>
     
    <a href="https://www.lanmper.cn">default click action is prevented</a>
    <div id="log"></div>
     
    <script>
    $("a").click(function(event) {
      event.preventDefault();
      $('<div/>')
        .append('default ' + event.type + ' prevented')
        .appendTo('#log');
    });
    </script>
     
    </body>
    </html>
    
    default click action is prevented