본문 바로가기

개발/javascript

아무것도 안하는 a 태그 걸기

jQuery를 자주 이용하는 저는 click할때 이벤트를 불러오기위해 a태그를 걸고 링크를 걸지 않는 상황을 많이 맞이합니다.
보통 a태그로 아무것도 안할때 아래와 같이 쓰죠. 

<a href="#">클릭하세요</a>


문제는 클릭했을시 페이지 맨 위로 올라간다는 겁니다. 이를 막기 위해서. 아에 a태그를 아래와 같이 써줄 수 있습니다.

<a href="javascript:void(0);">클릭하세요</a>


잘 되는것 같지만, 또 문제는 익스플로러를 사용할시 이미지 링크에 문제가 있습니다.
고로 아래와 같이 써주는게 가장 좋습니다.

<a href="#" onclick="return false;">클릭하세요</a>