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>
