• Q&A
  • 회원가입
  • 로그인

[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 속성 참고

 


[반환값]

 

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

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012