Как обнаружить IE 10+ для события onerror

Question

У меня есть небольшая проблема с масштабированием SVG на IE10 +. У меня есть этот код:

<img src="img/logo.svg" alt="" onerror="this.src='img/logo.png'; this.onerror=null;"> 

Как я могу обнаружить IE10 + для OnError события?

Приветствия

Answer 1

Для IE10 +, используйте Microsoft конкретные обнаружения window.msMatchMedia функции:

function handler(e) 
 
    { 
 
    if (!!window.msMatchMedia) 
 
    { 
 
    e.target.src = "http://stackoverflow.com/favicon.ico"; 
 
    } 
 
    } 
 

 
document.querySelector("#ie10_plus").addEventListener("error", handler, false)

<img src="" id="ie10_plus" alt="">

В общем, используйте недопустимый src значение, чтобы вызвать ошибку. Например:

document.querySelector('#foo').src="//foo";

<img src="" width="16" height="16" onclick="javascript:this.src='http://www.stackexchange.com/favicon.ico'"/>Click Me 
 

 
<img src="favicon.ico" onerror="javascript:this.src='http://stackoverflow.com/favicon.ico'" width="16" height="16"/>Despicable Me 
 

 
<img id="foo" src="" width="16" height="16" onerror="javascript:this.src='http://stackoverflow.com/favicon.ico'"/>Despicable Me 2

Список литературы

• Media query listeners (Windows)

• Make your HTML/JavaScript app accessible – Windows 8 app developer blog