[javascript] event | 전파에러, 버블링현상, 새로고침되는 현상

공부하면서 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요

---

Reference

1) 이벤트 실전예제

2) 이벤트 전파를 중단 하는 방법

click이벤트 안에 다른 click 이벤트 ( 같은 DOM에 걸린 이벤트들 )

Element.addEventListener("click", (e)=>{
        
        e.target.parentNode.classList.add("open");
        let list = e.target.nextElementSibling.children;

        Array.from(list).forEach((li)=>{
            li.addEventListener("click", (eList)=>{
                // 상위 이벤트가 동시에 진행되면서 eList + e + eList 로 동작
								// 다음의 코드로 해결하면된다.
                eList.stopImmediatePropagation();
            });
        });
    });

3) 이벤트 버블링 현상

4) 이벤트 중복발현 현상
☞ 리스너함수를 떨어뜨려놓자

5) 클릭이벤트 후에 새로고침되는 현상

1. <a> 태그 에서 클릭후 새로고침된다. ( 이건 어떻게 해결하지 ) .presentDefault( ) 이거로 시도해보기
2. <button> 태그에서 속성값( type="button")을 부여하면 새로고침되지않는다.

---