pointer-events

css 용어 중에 pointer-event: none; 이 있습니다. tailwindcss 에서는 pointer-event-none 으로 표기합니다.

 

요소가 마우스 이벤트를 무시하도록 설정하는 스타일 속성입니다. 이 속성을 적용한 요소는 클릭, 마우스 이동, 스크롤 등과 같은 포인터 이벤트를 받지 않게 됩니다. 따라서  불필요한 이벤트 처리를 방지할 수 있습니다.

1. 포인터 이벤트 무시: pointer-events: none이 적용된 요소는 마우스 클릭, 터치, 마우스 오버 등의 포인터 이벤트를 무시합니다.
2. 자식 요소: 자식 요소에도 동일하게 포인터 이벤트가 무시됩니다.
3. 레이아웃 영향 없음: 이 속성은 요소의 레이아웃이나 화면에 보이는 방식에는 영향을 미치지 않습니다. 단지 포인터 이벤트 처리에만 영향을 줍니다.