JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript取消浏览器默认动作

默认动作,是指浏览器所执行的用户没有明确指定的操作。对于某些HTML标签,浏览器总会有一个默认的动作。

点击这里进入百度

点击上面的链接,浏览器会弹出窗口,进入百度首页。这个动作,就是浏览器的默认动作:点击一个<a>标签,会转向目标页面。

其他浏览器默认动作包括 点击提交按钮提交表单、点击重置按钮重置表单、把鼠标移动到带有title属性的元素上出现提示 等。

浏览器的默认动作是可以通过 JavaScript 来取消的。

对于遵循 W3C 规范的浏览器,使用 event 对象的 preventDefault() 方法来取消默认动作;但是 IE8.0 及其以下版本不支持该方法,它通过对 event 对象的 returnValue 属性赋值 false 来取消默认动作。

【例6-3】取消<a>标签的默认动作。
<html>
<head>
<title>取消<a>标签的默认动作</title>
</head>
<body>
<a id="demo" href="http://www.baidu.com" target="_blank">点击这里试试</a>
<script type="text/javascript">
    document.getElementById("demo").onclick=function(e){
        var eve = e || window.event;
        try{  // 使用 try...catch 语句避免浏览器出现错误提示
            eve.preventDefault();  // 非 IE 浏览器
        }catch(e){
            eve.returnValue = false;  // IE8.0 及其以下版本
        }
    }
</script>
</body>
</html>

请看下面的演示。
点击这里试试