<a>标签响应onclick事件，防止页面跳动方法总结

     最近在点击一个a链接时经常发现，如果有垂直滚动条的话页面经常跳到顶端，于是google了一下，知道了为什么，也找到了几个解决办法。

     总结一下，如果在实际应用中确实是要用到<a>标签来响应onclick事件的，
  那么就建议使用下面三种方法
  1.<a href="javascript:void(0)" onclick="doSomething()">test</a>
  2.<a href="" onclick="doSomething();return false">test</a>（推荐）
  3.<a href="＃" onclick="doSomething();event.returnValue=false">test</a>

评论

6 楼 FengShen_Xia 2008-12-23  

试验了一下，不错。谢谢分享

5 楼 alert_mm 2008-12-22  

chris_in 写道

这应该是由于触发了浏览器的默认行为而引起的。建议第三点 event.returnValue=false 就是在阻止浏览器的默认行为。 当然，这样写只对IE浏览器有用 可以写一个比较通用的 阻止浏览器默认行为的方法： &nbsp; function stopDefault(evt){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(e&amp;&amp;e.preventDefault()){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; e.e.preventDefault(); &nbsp;&nbsp;&nbsp; }else{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; window.event.returnValue=false; &nbsp;&nbsp;&nbsp; } } 这样既可跨浏览器使用。 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; fromro JavaScript Techniques

学习了

4 楼 chris_in 2008-12-21  

这应该是由于触发了浏览器的默认行为而引起的。建议第三点 event.returnValue=false 就是在阻止浏览器的默认行为。
当然，这样写只对IE浏览器有用

可以写一个比较通用的 阻止浏览器默认行为的方法：

  function stopDefault(evt){
      if(e&&e.preventDefault()){
          e.e.preventDefault();
    }else{
          window.event.returnValue=false;
    }
}

这样既可跨浏览器使用。
                             fromro JavaScript Techniques

3 楼 alert_mm 2008-12-19  

atian25 写道

http://lifesinger.org/blog/?p=856

讲得很清楚，非常感谢

2 楼 atian25 2008-12-19  

#是锚点,自然会到顶部

1 楼 atian25 2008-12-19  

http://lifesinger.org/blog/?p=856