pointer-events (포인터 이벤트 제어)

https://www.w3schools.com/cssref/css3_pr_pointer-events.asp

CSS pointer-events property

 

pointer-events 속성은 말 그대로 pointer의 events를 제어한다.

 

예전에는 a태그의 이벤트 속성을 제어할때 자바스크립트를 가지고 제어했지만,

이제는 css에서 지원해주는 속성으로 컨트롤이 가능해졌다.

 

크게 2가지 auto와 none이 가장 많이 쓰이며 나머지 속성도 많지만 svg를 위한것이라 크게 쓰이지 않는다.

<a href="#">
  링크
</a>

<style>
  a {
    pointer-events: none;
  }
</style>

 

위와 같이하게 되면 a태그의 클릭 이벤트를 막을 수 있다.