夺命雷公狗---javascript NO:16 默认行为1

最新推荐文章于 2024-10-31 15:56:11 发布

weixin_30367873

最新推荐文章于 2024-10-31 15:56:11 发布

阅读量70

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/leigood/p/5031891.html

版权

1、什么是默认行为

在我们的HTML标签中，很多标签拥有自己的默认行为。

如：

submit提交按钮：其会自动提交表单数据到处理页面

a标签：其会自动跳转到指定页面

有些情况下，我们并不需要这种默认行为。

如：

当我们未填写表单数据时，系统不应该直接提交表单数据到处理页面。

当我们单击删除链接时，如果用户没有确认是不应该直接跳转删除的。

2、组织默认行为

IE模型浏览器

window.event.returnValue = false;

W3C模型浏览器

dom对象.事件 = function(event) {

event.preventDefault();

}

示例代码：

<!DOCTYPE html>
<html>
<head>
<meta charset=’utf-8′>
<title></title>
<script src=’public.js’></script>
<script>
window.onload = function(){
$(‘btnok’).onclick = function(){
if($(‘username’).value == ”){
alert(‘用户名不能为空’);
//IE模型
//window.event.returnValue = false;
//w3c模型
event.preventDefault();
}
}
}
</script>
</head>
<body>
<form action=”4.html” method=”post”>
name:<input type=”text” id=”username”>
<hr/>
<input type=”submit” id=”btnok” name=”submit” value=’注册’>
</form>
</body>
</html>