이전 Internet Explorer 버전에서 CSS `포인터 이벤트` 기능을 어떻게 얻을 수 있습니까?

IE용 CSS 'pointer-events' 속성의 대안

'pointer-events' 속성은 마우스 이벤트를 제어하는 ​​데 유용한 도구입니다. CSS에서. 그러나 Internet Explorer(IE)에서의 지원 부족으로 인해 특정 요소가 클릭 이벤트에 응답하지 못하도록 방지하려고 할 때 문제가 발생합니다.

HTML 또는 JavaScript 코드를 변경할 수 없는 상황에서는 해결 방법이 필요합니다. . 한 가지 효과적인 방법은 플러그인이나 JavaScript 솔루션을 사용하여 여러 레이어를 통해 마우스 이벤트를 전달하는 것입니다.

레이어 플러그인을 통해 마우스 이벤트 전달

이 플러그인은 모호한 JavaScript 속성을 이용하여 마우스를 리디렉션합니다. 특정 요소에 대한 이벤트. 클릭을 가로채 원하는 요소로 라우팅하는 투명한 오버레이를 생성할 수 있습니다.

JavaScript 솔루션

또 다른 JavaScript 기반 솔루션은 ' 클릭할 수 없는 요소의 포인터 이벤트' 속성을 '없음'으로 설정한 다음 상위 컨테이너에서 마우스 이벤트 리스너를 사용합니다. 상위 컨테이너가 클릭을 감지하면 클릭할 수 없는 요소에서 클릭이 발생했는지 확인하고, 그렇지 않으면 클릭할 수 있는 요소에 이벤트를 전달합니다.

IE 11 지원

2013년 10월 현재 IE 11에 '포인터 이벤트' 지원이 포함될 것이라고 발표되었습니다. 이는 내장된 대안을 제공합니다. Internet Explorer에서 향후 사용을 위한 해결 방법.

위 내용은 이전 Internet Explorer 버전에서 CSS `포인터 이벤트` 기능을 어떻게 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!