                        课程
                    
                        /后端开发
                        
                            /Java
                        
                        /Java 分页原理与实践（上）

关于a标签

当href=“#”时，为什么明明onclick已经返回false，按理说href是不会跳转的，为什么还是会跳转，这不合理呀，只能换成javascript：void（0）了，要么就是不用a标签，求大神解答

XKing丶QueenRI

2017-06-18

源自：Java 分页原理与实践（上） 4-9

关注问题我要回答

1413

操作

收起

3 回答

qq_心情随笔_0 回答被采纳 +3 积分
2017-06-23

e.preventDefault();该方法将通知 Web 浏览器不要执行与事件关联的默认动作

0 回复有任何疑惑可以回复我~

收起回答

XKing丶QueenRI 提问者

非常感谢！

2017-06-23 回复有任何疑惑可以回复我~

慕移动9181930
2022-03-27

同学您好，请问您链接jquery库了吗？也就是说，父容器不设 r e l a t i v e ，那么所有的数字卡片就都跑到浏览器左上角了，因为默认的 t o p 和 l e f t 都是 0

0 回复有任何疑惑可以回复我~

收起回答

qq_心情随笔_0
2017-06-23

<script type="text/javascript">
function stopDefault(e) { 
      if (e && e.preventDefault) {//如果是FF下执行这个  
             e.preventDefault();  
             }else{ 
             window.event.returnValue = false;//如果是IE下执行这个   
             } 
              return false; } 
</script> 
     
 <script type="text/javascript"> 
   var test = document.getElementByIdx_x('test'); 
     test.onclick = function(e) { 
    alert('URL：' + this.href + ', 不会跳转'); 
    stopDefault(e); 
 } 
</script> 

<body>
    <a href="url" id="test">测试</a> 
</body>

0 回复有任何疑惑可以回复我~

收起回答