A태그 막는 방법(CSS/ jQuery)

a태그가 어떤 사이트로 연결되었는데, 이동하지 않도록 막아야 할 경우가 빈번이 일어난다.

그때 쓰면 좋은 코드들!!

 

01. CSS

가장 간단한 방법 같다. 

a.link {
pointer-events: none; /*이벤트를 막음*/
cursor: default; /*마우스 커서를 포인트에서 디폴트로 변경*/
}

 

02. jQuery

a.

$('.link').click(function () {return false;});
 

b.

$(".link").on("click",function(event){
    event.preventDefault();
});

 

 

간단하지만 까먹어 매번찾아보게 되는 코드 ㅎㅎ