JavaScript取消浏览器默认动作

柚子 发布于:2015-10-31 15:50 栏目:杂谈 浏览:564 评论:1
点击上面的链接,浏览器会弹出窗口,进入百度首页。这个动作,就是浏览器的默认动作:点击一个<a>标签,会转向目标页面。
其他浏览器默认动作包括 点击提交按钮提交表单、点击重置按钮重置表单、把鼠标移动到带有title属性的元素上出现提示 等。
浏览器的默认动作是可以通过 JavaScript 来取消的。
对于遵循 W3C 规范的浏览器,使用 event 对象的 preventDefault() 方法来取消默认动作;但是 IE8.0 及其以下版本不支持该方法,它通过对 event 对象的 returnValue 属性赋值 false 来取消默认动作。
【例6-3】取消<a>标签的默认动作。
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;取消&lt;a&gt;标签的默认动作&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;a id="demo" href="http://www.funteas.com" target="_blank"&gt;点击这里试试&lt;/a&gt;
&lt;script type="text/javascript"&gt;
document.getElementById("demo").onclick=function(e){
var eve = e || window.event;
try{ // 使用 try...catch 语句避免浏览器出现错误提示
eve.preventDefault(); // 非 IE 浏览器
}catch(e){
eve.returnValue = false; // IE8.0 及其以下版本
}
}
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

沙发#
发布于:2015-11-02 14:51
游客

返回顶部