본문 바로가기
JSP/Muzi

[Javascript] 자바스크립트 이벤트 차단/복구

by 미눅스[멘토] 2025. 1. 23.
728x90
//이벤트 차단
function disableAllEvents() { 
    const yourClass = document.querySelector('.yourClass');
    yourClass.style.pointerEvents = "none"; // yourClass 클릭 및 포인터 이벤트 차단
    yourClass.style.userSelect = "none"; // yourClass 비활성화
    
    //document.body.style.pointerEvents = "none"; // 모든 클릭 및 포인터 이벤트 차단
    //document.body.style.userSelect = "none"; // 선택 비활성화
}

//이벤트 복구
function enableAllEvents() {
    const yourClass = document.querySelector('.yourClass');
    yourClass.style.pointerEvents = "auto"; // yourClass 클릭 및 포인터 이벤트 복구
    yourClass.style.userSelect = "auto"; // yourClass 선택 복구
    
    //document.body.style.pointerEvents = "auto"; // 클릭 및 포인터 이벤트 복구
    //document.body.style.userSelect = "auto"; // 선택 복구
}

'JSP > Muzi' 카테고리의 다른 글

[Javascript] 요소 (생성, 삽입, 삭제)  (0) 2025.01.02
[Javascript] 구조분해  (0) 2024.08.26
[Javascript] 나만의 Ajax 만들기  (0) 2024.08.26
[Javascript] 즉각실행 함수  (0) 2024.08.26
[Javascript] 배열식 접근법  (1) 2024.08.26