2021.01.25

event 중단을 멈추는 방법들

 

event.preventDefault()

-이벤트의 기본 동작을 중단한다

-form의 submit button이나 a태그의 페이지 이동 동작

-custom event를 만들어 작동하게 한다면 preventDefault를 실행해주어야 기본동작이 실행되지 않고 원하는 이벤트만 실행할 수 있다

 

event.stopPropagation()

-event가 부모 엘리먼트에게 전파되는 것을 막는다

-li 안에 button이 있다면 button의 이벤트가 실행된 뒤 li의 click이벤트가 이어서 실행된다

-event전파를 막고, 해당 함수를 호출한다

 

 

event.stopImmediatePropagation()

-해당 DOM 에 걸린 다른 이벤트를 막는다

 

return false

-jQuery를 사용할 때 stopPropagation과 preventDefault를 모두 사용한 효과를 얻을 수 있다

 

 

참고) pa-pico.tistory.com/20

참고) programmingsummaries.tistory.com/313