.blur() 메서드를 IE/Edge의 SVG 요소에 추가하십시오.

Question

Microsoft Internet Explorer/Edge는 다른 브라우저와 마찬가지로 .blur() 함수를 SVG 요소에 추가하지 않는 것 같습니다. 실제로 IE/Edge의 다른 대부분 요소에는 흐림 효과가 있습니다.

특정 요소를 클릭 할 때 event.target의 흐림 기능을 호출하려고하는 제 3 자 라이브러리를 사용 중이므로 해당 요소 중 하나에서 svg 아이콘을 사용하려고하므로이 문제가 발생합니다. .

이

가 IE에서 다음과 같은 오류를 일으키는

형식 오류 : 개체 내가 제 3 자 라이브러리를 편집 할 수 없습니다

속성 또는 메서드 '흐림'를 지원하지 않지만 궁금 해서요 나는 경우 요소의 프로토 타입을 사용하여 SVG에 "가짜"흐림 기능을 추가 할 수 있지만이 오류를 없애 버릴 수 있습니까?

Answer 1

다음은 트릭을 할 것 같았다

if (typeof SVGElement.prototype.blur == 'undefined') { 
    SVGElement.prototype.blur = function(){}; 
}