如何檢測IE 10+的onerror事件

Question

我在IE10 +上縮放SVG有點問題。 我有以下代碼：

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

如何為onerror事件檢測IE10 +？

問候

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 

參考文獻

• 媒體查詢監聽器（Windows）

• 使您的HTML / JavaScript應用程序可訪問– Windows 8應用程序開發人員博客