Internet Explorer에서 `포인터 이벤트: 없음`을 에뮬레이트하는 방법은 무엇입니까?

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

Highcharts 개선과 관련된 프로젝트에서 그라데이션 PNG를 표시해야 할 필요성이 생겼습니다. 차트 위에. CSS 속성 포인터 이벤트: 없음을 활용하면 오버레이 div에도 불구하고 사용자가 차트와 상호 작용할 수 있습니다. 그러나 이 속성은 Internet Explorer에서 인식되지 않습니다.

IE에서 포인터 이벤트와 유사한 기능을 활성화하는 방법은 무엇입니까?

포인터 이벤트: 없음은 직접적이지 않습니다. Internet Explorer에서 지원되는 브라우저는 W3C에서 지정한 대로 SVG 요소에 대한 포인터 이벤트를 지원합니다. 즉, SVG 요소를 사용하여 유사한 기능을 구현할 수 있습니다.

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

<svg>

이 접근 방식을 사용하면 마우스 이벤트가 SVG 요소를 통해 기본 요소로 전달됩니다. jQuery Wrap() 메소드를 사용하여 SVG 내의 기존 요소를 래핑하면 이 기능을 더욱 향상시킬 수 있습니다.

상위 및 하위 객체 액세스를 위한 대체 솔루션

필요한 경우 상위 개체와 기본 개체 모두에 액세스하려면 IE에서 사용할 수 있는 document.msElementsFromPoint 메서드를 활용할 수 있습니다. 이 방법은 특정 지점에 있는 모든 레이어의 배열을 반환하므로 액세스 가능한 두 요소 모두와 상호 작용할 수 있습니다.

위 내용은 Internet Explorer에서 `포인터 이벤트: 없음`을 에뮬레이트하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!