href= "#" 클릭시 위로 이동 방지(제이쿼리활용)

홈페이지 HTML a태그로 링크 삽입 시 보통 링크가 없을 때는

<a href="#">사이트1</a> #을 통해서 많이 나타냅니다.

이러한 경우 a태그 클릭 시 자동으로 맨위로 이동하게 됩니다. 

이것을 방지하기 위해서는 아래 제이쿼리 코드를 넣어주게 되면

클릭 시 위로 올라가는 것을 방지할 수 있습니다.

 

 

//첫번째방법
// $("a").click(function() {
//     if ($(this).attr("href") == "#") {
//         return false;
//     }
// });

//두번째방법
$("a").click(function(e){
    e.preventDefault();
});

https://codepen.io/qwer273/pen/GRMrNZj

href= # 클릭시 위로 이동 방지