[Jquery] 제이쿼리 a 링크 클릭 방지(#대신)
- FRONTEND/Jquery
- 2019. 4. 22. 19:53
a태그에 링크 기능을 넣지 않거나 아직 링크가 없을 경우 href값에 #을 넣습니다.
href값이 #일 경우 링크를 눌러도 아무런 반응이 없게 하는 방법은 아래와 같이 많은 방법이 있습니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<a href="#" id="tag">자바스크립트 실행할 a 태그</a>
<script>
// 모든 기존 선언된 이벤트 무시하기
$('#tag').click(function (e) {
e.preventDefault();
});
// 단순히 링크가 동작하지 않게 하기
$('#tag').click(function () {
return false;
});
// 모든 <a href="#"></a> 태그에 대한 이벤트 끄기 - 1
$(document).on('click', 'a[href="#"]', function(e){
e.preventDefault();
});
// 모든 <a href="#"></a> 태그에 대한 이벤트 끄기 - 2
$('a[href="#"]').click(function(e) {
e.preventDefault();
});
</script>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4f; text-decoration:none">Colored by Color Scripter
|
위의 방법중 마음에 드는 방법으로 구현하면 됩니다.
'FRONTEND > Jquery' 카테고리의 다른 글
[Jquery] 체크박스 전체 체크 , 해제 하는 방법 (0) | 2020.07.16 |
---|---|
DataTable 서버 사이드 CSV 전체 다운로드 (0) | 2019.12.10 |
[Jquery] 제이쿼리 Input 태그 체크박스, 라디오 상태 체크 및 해제 (0) | 2019.01.08 |
[Jquery] 제이쿼리 체크박스 선택 여부 결정 후 value값 넣기 (2) | 2019.01.08 |
JQuery (0) | 2018.01.17 |