CSS로 요소에 대한 클릭 등 이벤트 발생을 막고 싶을 때

by 조쉬 posted Mar 25, 2021
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

jQuery 이벤트 발생 차단하기

 

pointer-events: none;

요소에 대한 이벤트 발생을 막고 싶을 때 사용하는 CSS.
이 css가 적용되면 jQuery의 click 등의 이벤트가 동작 되지 않는다.

 

예제

###############################################

<a class="wid-01" href="#">이벤트</a>

$('.wid-01').css('pointer-events','auto'); //이벤트 가능하도록 처리
$('.wid-01').css('pointer-events','none'); //이벤트 막음

###############################################