[DOM_Style] JS - pointerEvents 속성 - 마우스 포인트 이벤트에 대한 반응 여부. (= pointerEvents속성 = 포인터이벤츠속성) ※ 링크 클릭 차단

목차

1. pointerEvents 예제 - 포인터 이벤트에 반응 X
2. pointerEvents 정의
3. pointerEvents 구문

pointerEvents 예제 - 포인터 이벤트에 반응 X

※ 버튼 클릭 전엔 링크 이동하나, 버튼 클릭 후엔 링크 이동 X

 

<button onclick="homzzang()">클릭</button>

<div id="hz"><a href="https://homzzang.com">홈짱닷컴</a></div>

<script>

function homzzang() {

  document.getElementById("hz").style.pointerEvents = "none";

}

</script>

 

결과보기

pointerEvents 정의

 

그래픽 요소가 어떤 상황에서 포인터 이벤트의 대상이 될 수 있는지 설정/반환

 

---

 

CSS pointer-events 속성 참고

 

pointerEvents 구문

 

반환

object.style.pointerEvents

 

설정

object.style.pointerEvents = "value|initial|inherit"

 

---

[속성값]

CSS pointer-events 속성 참고

 

---

[반환값]

 

마우스포인터 이벤트의 대상이 되는지 여부 나타내는 문자열 반환.