本站消息

站长简介/公众号


站长简介:高级软件工程师,曾在阿里云,每日优鲜从事全栈开发工作,利用周末时间开发出本站,欢迎关注我的微信公众号:程序员总部,程序员的家,探索程序员的人生之路!分享IT最新技术,关注行业最新动向,让你永不落伍。了解同行们的工资,生活工作中的酸甜苦辣,谋求程序员的最终出路!

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

onerror 事件到 html 标记对象

发布于2022-01-05 13:08     阅读(1058)     评论(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事件标记

MDNW3似乎没有<object>标签指定任何事件




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/282506/dd6abff54c4b4465b1b5/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

17 0
收藏该文
已收藏

评论内容:(最多支持255个字符)