javascript_重载浏览器默认行为
2011-11-25 16:07
204 查看
浏览器默认行为可以归结为没有明确指令而浏览器自动执行的行为。已下是一些不同事件的不同类型默认行为的例子
1.点击<a>元素将重定向到它的href特性上的URL
2.使用键盘并按住Ctrl+S,浏览器将保存网站的HTML文件。
3.提交HTML<form>将制定的URL提交数据,并重定向浏览器到该地址上。
4.鼠标移动到一个有alt或title<img>上将会出现工具条,提示<img>的描述。
就算阻止事件冒泡或者完全没有绑定事件,浏览器还是会执行所有这些行为。
有两种阻止发生默认行为的途径:IE的特定方式和W3C方式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript">
window.onload = function() {
var a = document.getElementById("aId");
a.onclick = function(e){
stopDefault(e);
}
}
function stopDefault(e){
//w3c的防止浏览器默认行为
if(e && e.preventDefault){
e.preventDefault();
}
//IE的防止浏览器默认行为
else{
window.event.returnValue = false;
}
return false;
}
</script>
<title>xxx</title>
</head>
<body>
<ul>
<li><a id="aId" href="xxx">xxx</a></li>
</ul>
</body>
</html>
1.点击<a>元素将重定向到它的href特性上的URL
2.使用键盘并按住Ctrl+S,浏览器将保存网站的HTML文件。
3.提交HTML<form>将制定的URL提交数据,并重定向浏览器到该地址上。
4.鼠标移动到一个有alt或title<img>上将会出现工具条,提示<img>的描述。
就算阻止事件冒泡或者完全没有绑定事件,浏览器还是会执行所有这些行为。
有两种阻止发生默认行为的途径:IE的特定方式和W3C方式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript">
window.onload = function() {
var a = document.getElementById("aId");
a.onclick = function(e){
stopDefault(e);
}
}
function stopDefault(e){
//w3c的防止浏览器默认行为
if(e && e.preventDefault){
e.preventDefault();
}
//IE的防止浏览器默认行为
else{
window.event.returnValue = false;
}
return false;
}
</script>
<title>xxx</title>
</head>
<body>
<ul>
<li><a id="aId" href="xxx">xxx</a></li>
</ul>
</body>
</html>
相关文章推荐
- 书:"Pro JavaScript Techniques 精通JavaScript"之重载浏览器默认行为
- JavaScript停止冒泡和阻止浏览器默认行为
- JavaScript停止冒泡和阻止浏览器默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- javascript 阻止冒泡和浏览器的默认行为
- JavaScript禁止浏览器默认行为
- JavaScript停止冒泡和阻止浏览器默认行为
- JavaScript禁止浏览器默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- Javascript可以兼容各浏览器的阻止默认行为发生的方法
- javascript阻止事件冒泡和浏览器的默认行为
- JavaScript停止冒泡和阻止浏览器默认行为
- javascript停止冒泡和阻止浏览器默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- JavaScript停止冒泡和阻止浏览器默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- Javascript学习-jquery阻止浏览器默认行为
- JavaScript停止冒泡和阻止浏览器默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- javascript阻止事件冒泡和浏览器的默认行为