포인터 이벤트 속성이 무엇인지 간략하게 살펴보겠습니다. 포인터 이벤트 속성 사용

이 글의 내용은 포인터 이벤트 속성이 무엇인지 간략하게 이야기하는 것입니다. 포인터 이벤트 속성을 사용하면 모든 사람이 포인터 이벤트 속성에 대한 관련 지식을 이해할 수 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

먼저 이해해 봅시다. pointer-events 속성이 무엇인가요?

pointer-events 속성은 특정 그래픽 요소가 포인터 이벤트의 대상이 될 수 있는 조건을 제어하는 ​​데 사용되는 포인터 속성입니다.

pointer-events 속성에는 많은 값이 있지만 브라우저의 경우 HTML 요소에 적용할 수 있는 값은 3개뿐이고 나머지 값은 SVG 요소에 대한 것입니다(이 속성 자체는 SVG 기술에서 유래되었으며 SVG 속성입니다) , CSS 사양에는 정의되어 있지 않습니다). [추천 관련 비디오 튜토리얼: css3 튜토리얼]

다음으로 pointer-events 속성을 사용하는 방법을 살펴보겠습니다.

공식 구문:

1. 문법:

공식 구문:

pointer-events: visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none | inherit ;

HTML 요소의 세 가지 값에 적용 가능:

pointer-events: auto | none | inherit ;

2 초기: 자동

3. 요소

4. 애니메이션: 없음

설명: HTML 요소에 적용 가능한 세 가지 값

auto: 기본값, 현재 포인터 이벤트가 활성화되어 있음을 나타내며 요소는 포인터 이벤트에 응답합니다. 아래 요소에서 이러한 이벤트가 발생하는 것을 방지합니다.

none: 요소에서 포인터 이벤트를 비활성화한다는 의미입니다. 이때 요소는 포인터 이벤트에 응답하지 않지만 그 아래 요소는 마치 요소가 위에 존재하지 않는 것처럼 포인터 이벤트에 응답할 수 있습니다.

inherit: 요소가 상위 요소로부터 포인터 이벤트 값을 상속한다는 의미입니다.

pointer-events 속성 호환성:

CSS 포인터 이벤트 속성(HTML 전용)

이 CSS 속성을 "none"으로 설정하면 요소가 호버/클릭 이벤트를 수신하지 않고 이벤트가 발생하는 동안 이벤트가 발생합니다. 그 후에.

다음 버전이 지원됩니다.

*은 필수 접두사를 나타냅니다.

요약: 위 내용이 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

위 내용은 포인터 이벤트 속성이 무엇인지 간략하게 살펴보겠습니다. 포인터 이벤트 속성 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!