首页 > Web开发 > 详细

jQuery中的阻止默认行为

时间:2016-03-26 17:04:25      阅读:300      评论:0      收藏:0      [点我收藏+]

在很多元素中都存在默认行为,例如表单中的submit按钮,a标签等等。如果想要消除其中的默认行为,就需要一个事件event的方法来消除他们的默认行为。

这个方法就是event.preventDefault();演示方法如下:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
 2 "http://www.w3.org/TR/html4/strict.dtd">
 3 
 4 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
 5     <head>
 6         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 7         <title>阻止默认行为的演示</title>
 8         <meta name="author" content="Administrator" />
 9         <script src="script/jquery-1.12.2.js" type="text/javascript"></script>
10         <!-- Date: 2016-03-26 -->
11     </head>
12     <body>
13         <script type="text/javascript">
14             $(function() {
15                 $("#sub").bind("click", function(event) {
16                     var username = $("#username").val();
17                     if (username == "") {
18                         $("#msg").html("<p>文本框的值不能为空!</p>");
19                         event.preventDefault();
20                     }
21                 });
22             });
23         </script>
24         <form action="test.html">
25             用户名:
26             <input type="text" id="username" />
27             <input type="submit" value="提交" id="sub" />
28         </form>
29         <div id="msg"></div>
30     </body>
31 </html>

 

jQuery中的阻止默认行为

原文:http://www.cnblogs.com/Arther-J/p/5323222.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!