您现在的位置:龙卷风首页 ›› 前端设计 ›› 阅读文章

使用JavaScript阻止链接跳转

如何阻止超级链接的默认动作:跳转或打开新页面?知道,return false嘛!嗯,还可以更详细一点。

在浏览器事件中,会触发一些默认动作,比如:点击一个链接时,执行完捕获/冒泡动作后,会触发链接的默认事件:跳转到指定链接地址。

在很多时候,我们需要改变这些默认操作,比如:点击一个链接时,我们执行一些 ajax 操作,但是我们并不希望执行跳转动作,于是,就有了本文:阻止浏览器默认操作。

其实这并不是一个非常难的课题,单独拿出来的原因还是浏览器兼容问题:

// 说明:Javascript 中阻止浏览器默认操作 
// 作者:John Resig 
// 来源:CodeBit.cn ( http://www.CodeBit.cn ) 
.function stopDefault( e ) { 
 // Prevent the default browser action (W3C) 
 if ( e && e.preventDefault ) 
     e.preventDefault(); 
    // A shortcut for stoping the browser action in IE 
   else 
       window.event.returnValue = false; 
   return false; 
} 

使用示例:

 

Google 

来源:http://www.codebit.cn/pub/html/javascript/tip/stop_browser_default_action/

作者 不见不散 本文仅代表作者观点,与龙卷风资讯网立场无关。

我来说两句

内容/Content