jQuery中的阻止默认行为

时间:2022-02-04 17:10:58

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

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

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>阻止默认行为的演示</title>
<meta name="author" content="Administrator" />
<script src="script/jquery-1.12.2.js" type="text/javascript"></script>
<!-- Date: 2016-03-26 -->
</head>
<body>
<script type="text/javascript">
$(function() {
$("#sub").bind("click", function(event) {
var username = $("#username").val();
if (username == "") {
$("#msg").html("<p>文本框的值不能为空!</p>");
event.preventDefault();
}
});
});
</script>
<form action="test.html">
用户名:
<input type="text" id="username" />
<input type="submit" value="提交" id="sub" />
</form>
<div id="msg"></div>
</body>
</html>