Internet Explorer에서 `pointer-events:none`을 어떻게 시뮬레이션할 수 있습니까?

Internet Explorer에서 포인터 이벤트 에뮬레이션: 없음

Internet Explorer에서 포인터 이벤트를 인식하지 못함: 없음; 속성은 계층화된 요소와 상호 작용하는 사용자의 능력을 방해할 수 있습니다. 이 문제는 차트 위에 그라데이션 PNG를 사용하여 사용자 상호 작용을 방해하는 오버레이 div를 생성할 때 발생합니다. 이 기사에서는 포인터 이벤트: 없음처럼 마우스 이벤트가 IE의 요소를 통과할 수 있도록 하는 솔루션을 살펴봅니다. 사용되고 있습니다.

해결책

Internet Explorer는 포인터 이벤트만 인식합니다:none; W3C 사양에 따른 SVG 요소의 경우. SVG가 아닌 요소에 대해 이 동작을 에뮬레이션하려면 실행 가능한 솔루션은 해당 요소를 SVG 요소 내에 래핑하는 것입니다.

CSS:

#tryToClickMe{
    pointer-events: none;
    width: 400px;
    height: 400px;
    background-color: red;
}

HTML:

<svg>

또는 상위에 액세스하려는 경우 Internet Explorer는 특정 지점에 위치한 모든 레이어의 배열을 반환하는 document.msElementsFromPoint 메서드를 제공합니다.

결론

이러한 기술을 활용하면 포인터 이벤트:없음과 유사한 기능을 달성하는 것이 가능합니다. Internet Explorer에서는 계층화된 요소에도 불구하고 향상된 사용자 상호 작용이 가능합니다.

위 내용은 Internet Explorer에서 `pointer-events:none`을 어떻게 시뮬레이션할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!