event.preventDefault()

发布于 2017-09-11 14:06:04 字数 1046 浏览 1021 评论 0 收藏 0

所属分类：事件 > 事件对象

event.preventDefault()返回: undefined

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

添加的版本: 1.0event.preventDefault()
- 这个方法不接受任何参数。

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

例子:

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

<!DOCTYPE html>
<html>
<head>
  <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
 
<a href="http://jquery.com">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>

分享到QQ

分享到微博