[JavaScript_JQuery] 2021.01.28. DAY_66 태그의 기본이벤트를 제거하는 함수 preventDefault()/부모노드로 이벤트 전달을 제거하는 stopPropagation()

 

◎ 태그의 기본이벤트를 제거하는 함수 preventDefault()

a태그를 선택

h1태그를 선택

 

---

 

◎ 이벤트 전달을 제거하는 stopPropagation()

 

※ 자식노드에 이벤트를 추가하면, 부모노드에도 같은 이벤트가 적용될 때가 있다

---

• 부모노드로 이벤트가 전파되는 것을 막는 함수를 사용하면 된다
• a태그를 클릭하는 이벤트에 stopPropagation() 함수를 추가하면 아래와같이 a태그에만 이벤트가 전달된다

$("a").click(function(event) {
		$(this).css("backgroundColor", "blue");
		event.stopPropagation();//이벤트전달을 막는 함수
		event.preventDefault();//기본이벤트를 제거하는 함수
	})