如何檢測IE 10+的錯誤事件

我在IE10 +上縮放SVG時遇到了一些問題。我有這樣的代碼：如何檢測IE 10+的錯誤事件

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

如何檢測IE10 +的onerror事件？

問候

來源

2016-03-10 Piotr Sochacz

對於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

參考

來源

2016-12-06 21:22:17

謝謝你的味精。但我應該檢測瀏覽器，而不是嘗試強制加載PNG錯誤。 –

如何檢測IE 10+的錯誤事件

回答

相關問題