[jQuery] 이벤트를 중단하는 방법

이벤트 중단을 위해 자주 사용하는 코드들을 정리해보겠다.

먼저 jQuery의 이벤트 해제 메서드를 알아보자.

 

 

 

 

---

 

 

 

jQuery의 이벤트 연결/해제 메서드

 

 

bind(), unbind()

bind()는 jQuery의 이벤트 설정 메서드고, unbind()는 bind() 이벤트의 해제 메서드이다.

 

 

on(), off()

jQuery1.7부터 bind(), unbind()가 개선되어 나온 것이 on(), off()이다.

on()은 이벤트 설정 메서드, off()는 on()이벤트의 해제 메서드이다.

bind() 보다는 on()을 사용할 것을 권장한다.

 

 

 

그외 이벤트를 중단하는 방법

 

 

event.preventDefault()

현재 이벤트의 기본 동작을 중단한다.

 

 

event.stopPropagation()

현재 이벤트가 상위로 전파되지 않도록 중단한다.

 

 

event.stopImmediatePropagation()

현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단한다.

 

 

return false

jQuery를 사용할 때는 event.stopPropagation(), event.stopImmediatePropagation()  두개 모두를 수행한 것과 같고,

jQuery를 사용하지 않을 때는 event.preventDefault()와 같다.

 

 

 

사용 예)

$(선택요소).on('click', function(e) {
	e.preventDefault();
    e.stopPropagation();
    e.stopImmediatePropagation();
    return false;
});