jquery事件preventDefault()方法用法实例

jquery事件preventDefault()方法用法实例

1. preventDefault()方法概述

preventDefault() 是 jQuery 事件对象的一个方法，其作用是阻止浏览器默认行为的发生。

2. preventDefault()方法的使用方法

preventDefault() 方法的语法格式如下：

event.preventDefault();

其中，event 参数为要处理的事件对象，上面这句话的意思就是：使用 preventDefault() 方法来阻止 event 事件的默认行为。

注意事项：

• 一般情况下，event.preventDefault() 只需要在事件处理函数的最前面加上这条语句即可。
• 如果是在事件处理函数的内部写其他代码，要注意 preventDefault() 的位置，确保其在需要阻止默认行为的代码之前被调用。

3. preventDefault()方法的示例说明

3.1 示例一

假设有以下 HTML：

<a href="http://www.example.com/">跳转到 www.example.com</a>

如果我们想要点击该链接时不跳转到该页面，而是跳转到另一个页面，或者只是不做任何事情，那么可以使用 preventDefault() 来阻止链接的默认行为。

$("a").click(function(event){
  event.preventDefault();
});

上面代码的意思是：当点击了 a 标签时，调用匿名函数，该函数使用 event.preventDefault() 阻止 a 标签默认的行为（即跳转）。

3.2 示例二

假设有以下 HTML：

<form>
  <input type="text" name="name"><br>
  <input type="submit" value="提交">
</form>

如果我们不想让表单提交，可以使用 preventDefault() 来阻止表单的默认行为。

$("form").submit(function(event){
  event.preventDefault();
});

上述代码的意思是：当表单提交时，调用匿名函数，该函数使用 event.preventDefault() 阻止表单默认的行为（即提交）。

4. 总结

preventDefault() 方法是一个常用的 jQuery 事件方法，可以防止浏览器默认行为的发生。在实际使用中，要注意该方法的位置和作用范围，以防止意外发生。

以上就是 “jquery事件preventDefault()方法用法实例” 的完整攻略。