Jak uniemożliwić przeskakiwanie przeglądarki do kotwicy po zmianie identyfikatora fragmentu adresu URL?

Question

Powiel możliwe:
Modifying document.location.hash without page scrolling

Chciałbym anulować zdarzenie, jeśli to możliwe, ale nie widzę żadnego precedensu dla tego produktu. Załóżmy na razie, że jestem zmuszony do używania tego samego ciągu zarówno dla mojego identyfikatora fragmentu, jak i nazwy mojej kotwicy. Muszę przechwycić wydarzenie i jakoś go anulować.

UPDATE: To jest duplikatem Modifying document.location.hash without page scrolling

Answer 1

Może to?

<h1 id="header">home</h1> 
<ul> 
    <li><a href="#home">Home</a></li> 
    <li><a href="#product">Product</a></li> 
    <li><a href="#about">About</a></li> 
</ul> 
<script type="text/javascript"> 

    window.onload = function(e) { 
    var links = document.getElementsByTagName('a'); 
    for (var i=0; i < links.length; i++) { 
     links[i].addEventListener('click', function(e) { 
      var hash = this.href.split('#')[1]; 
      if(hash.length) { 
       if(hash == 'product') { 
        alert('Sorry, page in development'); 
        e.preventDefault(); 
       }else{ 
        document.getElementById('header').innerHTML = hash; 
       } 
      } 
     }, false); 
    }; 
    }; 
    // OR 
    window.onhashchange = function(e) { 
     var hash = window.location.hash.substr(1); 
     if(hash.length) { 
      if(hash == 'product') { 
       alert('Sorry, page in development'); 
       window.history.back(); 
      }else{ 
       document.getElementById('header').innerHTML = hash; 
      } 
     } 
    }; 

</script>