A 태그에서 onClick 이벤트 사용

HTML 작업을 진행하다 보면

 

A 태그는 이동을 하는 역활을 하는 것이지만 몇가지의 이유로

 

A 태그에 onClick 이벤트를 써야 하는 경우가 있다.

 

이때 A 태그의 href의 기능을 무효화 해야하는데...

 

이를 위해서는 주로 아래의 방법을 많이 사용한다.

 

<a href='#' onClick='함수();'>

 

이 경우 onClick에 의해서 페이지가 이동하지 않을 경우

 

페이지가 길면 최상단으로 이동을 하는등의 원치 않는 문제를 야기할 수 있다.

 

그래서 구글링을 해본 결과...

 

<a href='#' onClick='함수(); return false'>

 

또는

 

<a href='javascript:void(0);' onClick='함수(); return false'>

 

등을 사용하면 된다.