onerror 事件
如果在加载图片时发生错误则执行 JavaScript :
<img src="image.gif" onerror="myFunction()">
<p>如果在加载图片时发生错误则触发函数 myFunction() 函数会弹出提示窗口。</p>
该实例中我们引用的图片不存在,因此会触发 onerror 事件。
<script>
function myFunction() {
alert('无法加载图片。');
}
</script>
定义和用法
onerror 事件在加载外部文件(文档或图像)发生错误时触发。
浏览器支持
事件 | |||||
---|---|---|---|---|---|
onerror | Yes | Yes | Yes | Yes | Yes |
语法
HTML 中:
<element onerror="myScript">
<p>该实例演示了如何向 img 元素中添加 "onerror" 事件。</p>
<img src="image.gif" onerror="myFunction()">
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "无法加载图片。";
}
</script>
JavaScript 中:
object.onerror = function() {
myScript
};
<p>该实例演示了如何使用 HTML DOM 向 img 元素中添加 "onerror" 事件。 </p>
<img id="myImg" src="image.gif">
<p id="demo"></p>
<script>
document.getElementById("myImg").onerror = function() {
myFunction()
};
function myFunction() {
document.getElementById("demo").innerHTML = "无法加载图片。";
}
</script>
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("error", myScript);
<p>该实例演示了如何使用 addEventListener() 方法向 img 元素中添加 "onerror" 事件。</p>
<img id="myImg" src="image.gif">
<p id="demo"></p>
<script>
document.getElementById("myImg").addEventListener("error", myFunction);
function myFunction() {
document.getElementById("demo").innerHTML = "无法加载图片。";
}
</script>
注意: Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
技术细节
是否支持冒泡: | No |
---|---|
是否可以取消: | No |
事件类型: | 如果是用户界面上生成是 UIEvent ,否则是 Event 。 |
支持的 HTML 标签: | <img>, <input type="image">, <object>, <script>, <style> |