SVG не активируется в Internet Explorer

Question

Область карты не активна, т. Е. Я пробовал много решений, но все равно не повезло, любая помощь будет очень полезна js fiddle

<code>[https://jsfiddle.net/krux0Ljf/2/embedded/result,css,html,js][1]</code>

Answer 1

addEventListner не поддерживается в более старых версиях IE.Более старые версии IE поддерживали эквивалентный собственный метод .attachEvent ().

Вы можете изменить свой скрипт следующим образом:

    Array.from(objects).forEach(function(element) {
      addEvent('mouseenter',element, function() {
            TweenLite.to(element, 0.1, {
                fill: "#0a6fac"
            });
      });
   });


function addEvent(evnt, elem, func) {
   if (elem.addEventListener)  // W3C DOM
           elem.addEventListener(evnt,func,false);
   else if (elem.attachEvent) { // IE DOM
        elem.attachEvent("on"+evnt, func);
   }
   else { // No much to do
        elem["on"+evnt] = func;
   }
}

Answer 2

Вы используете Array.from(), который не поддерживается Internet Explorer.Используйте другой метод для обхода элементов.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from

Answer 3

Вы используете метод addEventListener, который не реализован в IE <9 (<a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Legacy_Internet_Explorer_and_attachEvent" rel="nofollow noreferrer">, см. Этот фрагмент документации MDN )