Question

我在IE10 +上扩展SVG时遇到了一些问题。我有这段代码：

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

如何检测IE10 +的onerror事件？

问候

Answer 1

对于IE10 +，请使用Microsoft特定的window.msMatchMedia功能检测：

＆＃13;

function handler(e)
  {
  if (!!window.msMatchMedia)
    {
    e.target.src = "http://stackoverflow.com/favicon.ico";
    }
  }

document.querySelector("#ie10_plus").addEventListener("error", handler, false)

＆＃13;

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

＆＃13;

通常，使用无效的src值来触发错误。例如：

＆＃13;

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

＆＃13;

<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

＆＃13;

<强>参考

如何检测IE 10+的onerror事件

1 个答案: