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>