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

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 标签来定义事件动作。

属性当以下情况发生时，出现此事件FFNIE
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
posted @ 2020-10-30 23:02  yanpeng_z  阅读(233)  评论(0)    收藏  举报