마우스 클릭 금지 및 하위 이벤트 클릭 금지

jquery 방식이 아닌 css로 처리 하는 방법

#element { pointer-events: none; }

pointer-events 속성은 요소의 박스가 클릭, 호버, 드래그 등 포인터 이벤트의 대상이 될 수 있는지를 정의

상속이 가능하기 때문에 클릭 이벤트를 포함하는 모든 영역(부모)에 추가하면 하위 이벤트까지 작동안함

출처

• https://codingeverybody.kr/css-pointer-events-%EC%86%8D%EC%84%B1-%ED%8F%AC%EC%9D%B8%ED%84%B0-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EC%A0%9C%EC%96%B4%EC%9E%90/
• https://7network.tistory.com/entry/CSS-마우스-클릭-금지-안되게-막기