[jQuery] 제이쿼리(jquery)의 이벤트 위임 - preventDefault()

 

preventDefault()는 제이쿼리(jquery)에서 이벤트 위임을 통하여 다수의 요소(elemnet)에 공통으로 적용되는 이벤트 핸들러를 공통된 상위 요소에 단 한 번의 연결만으로 동작할 수 있도록 하는 함수입니다.

쉽게 말하자면 preventDefault() 함수는 취소 할수 있는 이벤트들을 취소하도록 하는 함수이지만 모든 이벤트 전파를 막지는 못하고 이벤트를 취소만 가능합니다.. 발생하는 이벤트들의 Default 액션이 발생하지 않는다는 의미입니다.

하지만 모든 이벤트가 취소가능한 이벤트는 아님을 명심해야 합니다. 이벤트의 취소 가능 여부는 event.cancelable를 사용하여 확인이 가능합니다.

 

//preventDefault() 함수 사용법

event.preventDefault()

 

제이쿼리(jQuery)의 preventDefault() 함수

제이쿼리(jQuery)의 preventDefault() 함수는 클릭 이벤트 외에 별도의 브라우저 행동을 제지하기 위하여 사용되는 함수입니다.

<a href="https://www.naver.com">Naver</a>



=====================================

//href 속성을 중단하는 preventDefault() 함수
$("a").click(function(event){
	event.preventDefault();
	alert("event.preventDefault()");
});