기본 링크연결 기능 막기

Nari·2023년 8월 5일
0

FE

목록 보기
3/4
post-thumbnail

e.preventDefault
엘리먼트가 기본적으로 수행하기로 했던 일들을 막는 처리

<a href=”naver.com” target=”_blank”>네이버</a>

에서 a 태그를 클릭하면 네이버로 '새창열기' 기능이 실행된다.
이 기능을 막기 위해 e.preventDefault를 사용할 수 있다.




1번 방법 (html)

<a href=”naver.com” onclick='return false' target=”_blank”>네이버</a>

와 같이 onclick = 'return false' 를 코드 안에 넣어준다!




2번 방법 (JS)

$('a').click(function(e){
  e.preventDefault();
})

해당 방법은 전체 a 링크에 적용되며
클래스를 주고 $('.클래스명') 아이디 $('#아이디명') 으로도 사용가능하다.

function(e)로 이벤트를 걸어주고
e.preventDefault();를 추가한다.




3번 방법 (JS)

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

해당 방법은 전체 a 링크에 적용되며
클래스를 주고 $('.클래스명') 아이디 $('#아이디명') 으로도 사용가능하다.

함수 안에 ruturn false;를 추가해주면 된다.
이 때 return false는

  e.stopPropagation();
  e.preventDefault();

를 합쳐놓은 것과 같기 때문에 상황에 따라 다르게 사용하면 됨!

profile
Hello world!

0개의 댓글