특정 요소에 Event Listener 작동하지않게 하기 (feat. pointer-events)

event listener 를 사용할때 대부분 div 의 id 나 classname 으로 어떤 버튼이 눌렸는지 추적하게되는데,

이때 div 내부에 대부분 다른 자식들이 존재하게된다.

이 자식들이 div 라면 괜찮지만, text 를 넣기위한 span, svg 를 넣기위한 svg 그안에 path 가 추적되는 경우가 발생한다.

이때 이들이 event listener 의 target 으로 잡히지않도록 css 에서 설정할수있다.

/* Disable event listener catches this elements */
span, svg, path {

    pointer-events: none;

}