목차
- pointerEvents 예제 - 포인터 이벤트에 반응 X
- pointerEvents 정의
- 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 속성 참고
[반환값]
마우스포인터 이벤트의 대상이 되는지 여부 나타내는 문자열 반환.