a href=# 클릭방지

a 태그에 링크가 없을경우 href에 #을 넣는다.

<a href="#">클릭</a>

 

그런데. 이렇게 하면 화면이 가장 위쪽으로 이동되면서 URL에 #이 붙고, 이 후 URL관리가 이상하게 된다.

이럴때는 아래와 같이 처리해 주자~

<a href="#" id="tag">클릭</a>

<script>
	//특정 a태그만 동작끄기, 모든이벤트 무시
	$('#tag').on("click", function(e){ 
		e.preventDefault(); 
	});

	// 특정 a태그만 동작끄기, 단순히 링크만 끄기
	$('#tag').on("click", function(e){ 
		return false;
	});
    
	// 모든 a태그의 동작끄기
	$('a[href="#"]').on("click", function(e){ 
		e.preventDefault(); 
	});
</script>