首页 > 代码库 > jquery中的trigger()和preventDefault()方法

jquery中的trigger()和preventDefault()方法

trigger()方法用户模拟用户操作,比較常见的一种情况就是输入框自己主动获得焦点:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src=http://www.mamicode.com/"jquery.js"></script>>

当用户打开这个界面的时候,username输入框就会自己主动得到焦点,所以用户就能够直接输入数据。

preventDefault()方法用户阻止元素的默认的行为,比方说:点击超链接的跳转的行为,点击提交button表单页面跳转的行为。

return false; 也有阻止元素默认行为的功能,此外它还能够停止动画的冒泡。


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src=http://www.mamicode.com/"jquery.js"></script>>
使用return false;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src=http://www.mamicode.com/"jquery.js"></script>>
在进行表单验证的时候,当用户输入的数据不对的时候,表单此时就不应该跳转,演示样例代码例如以下:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src=http://www.mamicode.com/"jquery.js"></script>>


jquery中的trigger()和preventDefault()方法