CSS 포인터 이벤트 속성
예시
요소가 포인터 이벤트에 반응해야 하는지 여부를 설정합니다.
div.ex1 {
pointer-events: none;
}
div.ex2 {
pointer-events: auto;
}
정의 및 사용
속성 은 pointer-events
요소가 포인터 이벤트에 반응하는지 여부를 정의합니다.
기본값: | 자동 |
---|---|
상속: | 네 |
애니메이션 가능: | 아니요. 애니메이션 가능 에 대해 읽어 보세요. |
버전: | CSS3 |
자바스크립트 구문: | 개체 .style.pointerEvents="없음" |
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
pointer-events | 2.0 | 11.0 | 3.6 | 4.0 | 9.0 |
CSS 구문
pointer-events: auto|none;
속성 값
Property Value | Description |
---|---|
auto | The element reacts to pointer events, like :hover and click. This is default |
none | The element does not react to pointer events |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |