[jquery] a링크 클릭시 상단 이동 취소

코딩할때 아래와 같은 코드를 매우 많이 활용한다. a태그를 만들어서 이벤트를 호출할때 사용한다.

<a href="#" onclick="onclick(event)">클릭 이벤트</a>

그럴때, 항상 href의 #(해시)가 동작하면서.. 상단으로 스크롤이 튕기는 현상이 발생하는데

이것을 막으려면 아래와 같이 이벤트 안에 preventDefault 매소드를 추가해서 동작을 취소시켜주면 된다.

function onclick(event) {
event.preventDefault();
//event
}

그런데 이 소스가 IE에서 에러가 날때가 있다. preventDefault가 IE에서 안통한다.

크로스브라우징을 고려한다면 아래와 같이 작성하면 된다!

function onclick(event) {
event.preventDefault ? event.preventDefault() : (event.returnValue = false);
}