event.preventDefault()

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

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

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

例子

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

<!DOCTYPE html>
<html>
<head>
  <script src="./static/js/jquery-3.5.0.js"></script>
</head>
<body>
 
<a href="#">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

上篇： event.timeStamp

下篇： event.isDefaultPrevented()