onerror 事件到 html 标记对象
发布于2022-01-05 13:08 阅读(1361) 评论(0) 点赞(17) 收藏(3)
在下面的代码中，除了“Object”标签中提到的事件之外，所有的 onerror 事件都正常工作。没有名为“helloworld.swf”的文件，但未触发 onerror 事件。任何人都可以请解释这一点。
<html>
<head>
<script type="text/javascript">
<!--
window.onerror = function (msg, url, line) {
alert("Message : " + msg );
alert("url : " + url );
alert("Line number : " + line );
}
//-->
</script>
</head>
<body>
<p>Click the following to see the result:</p>
<form>
<input type="button" value="Click Me" onclick="myFunc1();" /><br/>
<input type="text" dir="rtl">
</form>
<object width="400" height="400" data="helloworld.swf" onerror="alert('helloworld.swf not found')"><br/>
</object>
<img src="myimage.gif" onerror="alert('image not found')"/><br/>
</body>
</html>
PS：请参阅链接“ http://www.w3schools.com/jsref/event_onerror.asp ”，其中明确说明“object”HTML 标记支持 onerror 事件。
解决方案
<object>有一个load事件，但并不总是有一个error事件。后者似乎取决于加载的对象类型。
在 Chrome 中，以下只触发load，在 Edge、IE 和 FX 中它触发error：
var logDiv = document.getElementById('log');
function logEvt(e) {
logDiv.appendChild(document.createTextNode("\n\t" + e.type + ": " + JSON.stringify(e)));
}
var obj = document.getElementById('obj');
obj.addEventListener('error', logEvt);
obj.addEventListener('load', logEvt);#log { border:1px solid black; }<object id="obj" width="100" height="100" data="not-there" type="image/png">Content shown on error.</object>
<pre id="log">Log:</pre>这可能只是 Chrome 中的一个错误。
您引用的文档使用术语对象来指代订阅的元素的实例，而不是具体的<object>标记。这些示例引用了<img>确实会触发error事件的标记。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/282506/dd6abff54c4b4465b1b5/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力