【jQuery 事件】- isDefaultPrevented() 方法

最新推荐文章于 2025-10-16 22:16:56 发布

原创最新推荐文章于 2025-10-16 22:16:56 发布 · 534 阅读

0 ·

CC 4.0 BY-SA版权

web前端技术专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用JavaScript的preventDefault()方法来阻止HTML链接的默认行为，并通过一个示例展示了如何检查preventDefault()方法是否被成功调用。

实例

防止链接打开 URL，并声明来自 isDefaultPrevented() 的结果：

$("a").click(function(event){
   event.preventDefault();
  alert("Default prevented: " + event.isDefaultPrevented());
});

下边是一段代码：preventDefault() 方法将防止上面的链接打开 URL。

 
  
   
    [html] 
    view plain
    copy
    print
    ?
   
  
  <html>  
<head>  
<script type="text/javascript" src="/jquery/jquery.js"></script>  
<script type="text/javascript">  
$(document).ready(function(){  
  $("a").click(function(event){  
    event.preventDefault();  
    alert("Default prevented: " + event.isDefaultPrevented());  
  });  
});  
</script>  
</head>  
<body>  
<a href="http://w3school.com.cn/">W3School</a>  
<p>preventDefault() 方法将防止上面的链接打开 URL。</p>  
<p>请点击该链接，检查是否阻止了默认动作。</p>  
</body>  
</html>  
 
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("a").click(function(event){
    event.preventDefault();
    alert("Default prevented: " + event.isDefaultPrevented());
  });
});
</script>
</head>
<body>
<a href="http://w3school.com.cn/">W3School</a>
<p>preventDefault() 方法将防止上面的链接打开 URL。</p>
<p>请点击该链接，检查是否阻止了默认动作。</p>
</body>
</html>

 
  定义和用法
  isDefaultPrevented() 方法返回指定的 event 对象上是否调用了 preventDefault() 方法。
  语法
  event.isDefaultPrevented()
  参数 描述
event 必需。规定需要检查的事件。这个 event 参数来自事件绑定函数。