(HTML / CSS / Javascript / jQuery) 지정되지 않은 a 링크 작동 막기

See the Pen 지정되지 않은 a 링크 return false by kimyangsun (@kimyangsun) on CodePen.

https://codepen.io/kimyangsun/pen/GRJEXOq?editors=1010

지정되지 않은 a 링크 return false

지정되지 않은 a 링크, href="#" 일때 보통은 클릭을 하면 기본 홈화면으로 가게 됩니다.

 

이런 경우를 대비하여 자바스크립트 코드로

// 모든 a링크 새창열기로 전환
$('a').attr('target', '_blank');

// 지정되지 않은 a 링크 return false
$('a').click(function(e) {
    if ( $(this).attr('href') == '#' ) {
        //return false;
        e.preventDefault();
    }
});

a 링크를 클릭했을때 만약 요소(attr)가 '#'일 경우 e.preventDefault(); 해주면 됩니다.