javascript阻止默认行为

iteye_17488

于 2013-07-28 19:51:12 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_17488/article/details/82522585

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何有效阻止浏览器的默认行为，避免使用return false带来的局限性。通过W3C标准的preventDefault()方法和IE特有的returnValue属性，实现了既阻止默认行为又能继续执行后续代码的目标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

大家在做浏览器阻止默认行为的时候通常会用return false;虽然可以实现，但是却有漏洞；

(1) return false;必须写在最后，这样会导致中间的代码执行后，有可能执行不到return false;

(2) 如果把return false;写到最前，那么之后的代码就执行不到了。

所以，最好的办法就是在代码执行最前就阻止浏览器的默认行为，并且后面还能执行代码。

//W3C，阻止默认行为，放在那里都可以

link.onclick = function(evt){
    
     evt.preventDefault();

     alert('hello javascript');

};


//IE，阻止默认行为

link.onclick = function(evt){

    window.event.returnValue = false;

    alert('hello javascript');

}



//跨浏览器兼容

function preDef(evt){

    var e = evt || window.event;

    if(e.preventDefault){

       e.preventDefault();

    }else{

       e.returnValue = false;

      }

}