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를 모두 사용한 효과를 얻을 수 있다
참고) programmingsummaries.tistory.com/313
'TIL' 카테고리의 다른 글
2021.02.16 (0) | 2021.03.04 |
---|---|
2021.01.28 (0) | 2021.01.28 |
2021.01.21 (0) | 2021.01.21 |
2021.01.20 (0) | 2021.01.20 |
2020.09.16 (0) | 2020.09.17 |