JavaScript取消浏览器默认动作

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

http://www.baidu.com

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

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

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

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

取消<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>


继续学习
||
<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>
提交重置代码