본문 바로가기

[Terry] ETC

href와 onClick 이벤트


웹 작업을 하면 이미지에 anchor태그(a)를 사용해서 이벤트를 주는 경우가 많다.
대개 <a href="#"  onclick="함수명"> 이런식으로 많이 사용한다.
이렇게 하면 onclick후에 href를 타기 때문에 페이지의 포커스가 위로 이동하는 문제가 발생한다.

이렇게 포커스가 위로 이동하는 것을 방지하는 방법은 다음과 같다.
1. onclick="함수명;return false"를 해서 href를 타기 전에 막는다.
2. 아무일도 안하는 void함수를 이용해서 href="void(0);" 이라고 지정한다.
3. href="javascript:함수명;"을 사용한다.

위의 세가지 방법중 하나를 선택하면 포커스가 위로 이동하는 문제를 해결할 수 있다.