html的DOM中Event对象onabort事件用法实例

这篇文章主要介绍了html的DOM中Event对象onabort事件用法,实例分析了onabort事件的适用范围与对应的javascript使用技巧,需要的朋友可以参考下

当图像/音频/视频的加载中止时,发生onabort事件。中止媒体数据下载时发生此事件,而不是因为错误。
当用户在图像完成载入之前放弃图像的装载或者视频的装载(如单击了 stop 按钮)时,就会调用该句柄。

语法:

代码如下:

onabort="myFunction()"

myFunction()必需。规定该事件发生时执行的 JavaScript。

在本例中,如果图像的加载被中断,则会显示一个对话框:
代码如下:

<img src="logo.png" onabort="alert('加载图像 was aborted')" />

例子:如果图像的加载中断,调用一个函数:
代码如下:

<html><head><script type="text/javascript">function abortImage(){alert('加载图像 was aborted')}</script></head><body><img src="logo.png" onabort="abortImage()" /></body></html>

更多的关于html,css,javascript内容可参考web前端开发

HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作。

属性 当以下情况发生时,出现此事件 FF N IE
onabort 图像加载被中断 1 3 4
onblur 元素失去焦点 1 2 3
onchange 用户改变域的内容 1 2 3
onclick 鼠标点击某个对象 1 2 3
ondblclick 鼠标双击某个对象 1 4 4
onerror 当加载文档或图像时发生某个错误 1 3 4
onfocus 元素获得焦点 1 2 3
onkeydown 某个键盘的键被按下 1 4 3
onkeypress 某个键盘的键被按下或按住 1 4 3
onkeyup 某个键盘的键被松开 1 4 3
onload 某个页面或图像被完成加载 1 2 3
onmousedown 某个鼠标按键被按下 1 4 4
onmousemove 鼠标被移动 1 6 3
onmouseout 鼠标从某元素移开 1 4 4
onmouseover 鼠标被移到某元素之上 1 2 3
onmouseup 某个鼠标按键被松开 1 4 4
onreset 重置按钮被点击 1 3 4
onresize 窗口或框架被调整尺寸 1 4 4
onselect 文本被选定 1 2 3
onsubmit 提交按钮被点击 1 2 3
onunload 用户退出页面 1 2 3
(0)

相关推荐

  • HTML DOM Base 对象

    Base 对象Base 对象代表 HTML 的 base 元素.在HTML 文档中<base> 每出现一次,Base 对象就会被创建.Base 对象属性属性描述href设置或返回针对页面中 ...

  • 红楼梦中最大的蝴蝶效应事件,一个被忽略的人,改变贾府最终命运

    巴西的一只蝴蝶,偶尔扇动几次翅膀,结果引起美国德克萨斯州的的一场龙卷风.这就是蝴蝶效应.其原因在于:蝴蝶翅膀的扇动,导致其身边微小的空气震动,使身边的空气系统发生改变,产生微小气流.微小气流又会使它周 ...

  • 三国演义中,杨修作死事件,除了鸡肋之事,还有另外一件更加疯狂

    作死,这个词,最早出现在元代的杂剧作品<陈州粜米>,意思是自寻死路,不知轻重,不知危险,在北京话.广东话.东北话中,都有用到"作死"这个词.四大名著中的<水浒传& ...

  • 中谷集团大事件 开启百年品牌路

    中谷集团--以"让每个家庭拥有健康的生活方式"为自身使命,并始终致力于打造中国匠心,成为世界匠心,铸造一家百年幸福企业. "雄关漫道真如铁,而今迈步从头越".经 ...

  • PHP中的对象比较

    PHP中的对象比较 在之前的文章中,我们讲过PHP中比较数组的时候发生了什么?.这次,我们来讲讲在对象比较的时候PHP是怎样进行比较的. 首先,我们先根据PHP文档来定义对象比较的方式: 同一个类的实 ...

  • [PHP小课堂]PHP中的对象比较

    [PHP小课堂]PHP中的对象比较 关注公众号:[硬核项目经理]获取最新文章 添加微信/QQ好友:[xiaoyuezigonggong/149844827]免费得PHP.项目管理学习资料 B站ID:4 ...

  • 在PHP中使用SPL库中的对象方法进行XML与数组的转换

    在PHP中使用SPL库中的对象方法进行XML与数组的转换 虽说现在很多的服务提供商都会提供 JSON 接口供我们使用,但是,还是有不少的服务依然必须使用 XML 作为接口格式,这就需要我们来对 XML ...

  • 一个隐藏在宋词中的“家暴”事件

    打开凤凰新闻,查看更多高清图片 百宜娇 看垂杨连苑,杜若侵沙, 愁损未归眼. 信马青楼去, 重帘下,娉婷人妙飞燕. 翠尊共款. 听艳歌.郎意先感. 便携手.月地云阶里, 爱良夜微暖. 无限,风流疏散. ...

  • Python中可变对象和不可变对象的差异?

    众所周知,在Python中,万物皆对象.当然,Python也分为可变对象和不可变对象,那么你知道Python中可变对象和不可变对象的区别吗?我们来看看详细内容介绍. 不可变对象.该对象所指向的内存中的 ...

  • 【实务】纪委监察委办案中谈话对象的心理变化及应对方法

    纪法学堂 一个学习交流的平台! 12篇原创内容 公众号 文章来源:中国纪检监察报2020年7月29日第八版   纪法实务 谈话过程中,由于趋利避害心理的影响,谈话对象一般存在两种矛盾心态:一方面企图以 ...