避免跳到页面顶部?

时间:2015-12-28 11:25:54

标签: javascript html

这是我用过的陈述

   <a href="#" onclick="return false">show_all</a>

我试过

  1. onclick=preventDefault();
  2. onclick="return false";
  3. 但它仍然跳到页面顶部,请建议。

3 个答案:

答案 0 :(得分:0)

preventDefault()附加到event - 您需要指定afaik。

在此示例中,函数以内联方式附加

<a href='#' onclick='myfunc(event)'>Show all</a>

function myfunc( e ){
    e.preventDefault();
    /* rest of the function */
}

或者,或许像是

<a href='#'>Show all</a>
var col=document.getElementsByTagName('a');
for( var n in col ) if( col[n].nodeType==1 ) col[n].onclick=myfunc;

答案 1 :(得分:0)

  

单击锚点时如何避免跳转到页面顶部   空哈希?

window.onhashchange = function(e){
   if (!location.hash){
       e.preventDefault();
       return false;   
   };
}

答案 2 :(得分:-1)

试试这个

 <a href="javascript:void(0)" onclick="return false;">show_all</a>