<a href="#">

Question

I have the following code:

<p> 
    <a href="#" id="sobo-einblenden">einblenden</a> 
    <a href="#" id="sobo-ausblenden">ausblenden</a> 
</p> 
<div id="sozialbookmarks"> 
    <p> 
     <b>Bereich für social bookmarks</b><br> 
     Hier kommen nun die üblichen Verdächtigen und Logos dazu.<br> 
     Nicht vergessen, meine Seite zu bookmarken! 
    </p> 
</div> 
<div id="sozialbookmarks2"> 
    <p> 
     <b>Bereich für social bookmarks</b><br> 
     Hier kommen nun die üblichen Verdächtigen und Logos dazu.<br> 
     Nicht vergessen, meine Seite zu bookmarken! 
    </p> 
</div> 

When I click on <a href="#" id="sobo-einblenden">einblenden</a> in the browser I will see: site.php#. How can I make it so that the # is not added to the URL?

Answer 1

Use event.preventDefault()

$('a').click(function(event){ 
    event.preventDefault(); 
}); 

Answer 2

As noted in Dhara Parmar's answer을 클릭하면 #에 URL을 숨기고 모든 <a> 요소에 간단한 jQuery 이벤트 리스너를 사용하여 클릭 할 때 기본 동작 (해시로 이동)을 방지 할 수 있습니다.

// all anchors 
var elements = document.getElementsByTagName("a"); 

for (var i = 0; i < elements.length; i++) { 
    // attach event to each anchor tag 
    elements[i].addEventListener("click", function(event) { 
    // prevent default action when clicked 
    event.preventDefault(); 
    }); 
} 

found here.