[Event] JQ - event.preventDefault() 메서드 ★★★★★ - 이벤트 발생 시, 요소의 기본동작 차단. (= 이벤트.프리벤트디폴트 메서드)

목차

1. event.preventDefault() 예제 - 링크 기본 동작 차단
2. event.preventDefault() 정의
3. event.preventDefault() 구문

event.preventDefault() 예제 - 링크 기본 동작 차단

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

    $("a").click(function(event){

        event.preventDefault();

    });

});

</script>

<a href="https://homzzang.com/">홈짱닷컴 Homzzang.com</a>

결과 보기

event.preventDefault() 정의

 

요소의 기본 동작 차단.

 

---

1.
(예) 확인 버튼 작동 차단, 링크 버튼 작동 차단

2.
event.isDefaultPrevented() 메서드
: preventDefault()메서드가 event 위해 호출되었는지 체크.

 

event.preventDefault() 구문

 

event.preventDefault()

 

---

[매개변수]

 

event

필수. 이벤트에 바인딩 된 함수에서 가져옴.