html的DOM中Event对象onabort事件用法实例
本文实例讲述了html的DOM中Event对象onabort事件用法。分享给大家供大家参考。具体分析如下:
onabort 事件会在图像加载被中断时发生。
当用户在图像完成载入之前放弃图像的装载(如单击了 stop 按钮)时,就会调用该句柄。
onabort="SomeJavaScriptCode"
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。
支持该事件的 HTML 标签:
<img>
支持该事件的 JavaScript 对象:
image
在本例中,如果图像的加载被中断,则会显示一个对话框:
<img src="image_w3default.gif" onabort="alert('Error: Loading of the image was aborted')" />
例子:如果图像的加载中断,调用一个函数:
<html>
<head>
<script type="text/javascript">
function abortImage()
{
alert('Error: Loading of the image was aborted')
}
</script>
</head>
<body>
<img src="image_w3default.gif" onabort="abortImage()" />
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
DOM 中的事件处理介绍
该接口提供了 'addEventListener' 和 'removeEventListener' 方法,用来绑定或解绑一个 EventListeners 接口到一个 EventTarget. DOM 2 Events 中定义了 Event 接口,用来提供事件的上下文信息,它提供了若干标准属性和方法. 实现 Event 接口的对象一般作为第一个参数传入事件处理函数,以用来提供当前事件相关的一些信息. 事件注册 根据 DOM 2 Events 中描述,节点使用 'addEventListener'
-
DOM基础教程之事件对象
浏览器中的事件都是以对象的形式存在的,同样ie浏览器与标准dom浏览器之间存在获取事件对象上也存在差别.在ie浏览器中事件对象是windows对象的一个属性event,访问通常采用如下方法. 复制代码 代码如下: oP.onclick = function(){ var oEvent = window.event; } 尽管它是window对象属性,但event对象还是只能在事件发生时被访问,所有的事件处理函数执行完之后,该对象就消失了. 而标准的dom规定event对象必须作为唯一的参数传给事
-
html的DOM中Event对象onblur事件用法实例
本文实例讲述了html的DOM中Event对象onblur事件用法.分享给大家供大家参考.具体分析如下: onblur 事件会在对象失去焦点时发生. 语法如下: 复制代码 代码如下: onblur="SomeJavaScriptCode" SomeJavaScriptCode 必需.规定该事件发生时执行的 JavaScript. 支持该事件的 HTML 标签: <a>, <acronym>, <address>, <area>, <
-
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
但感觉这样写很没意思. jquery的优势就是简单的代码就能带来更好的用户体验. 所以就找几个我感觉实用的例子,拿出来介绍下.顺带把其中用到的操作和事件介绍下. html代码: <input type="text" id="address" value="请输入邮箱地址"/> jquery代码: 复制代码 代码如下: $(document).ready(function(){ $('#address').focus(function(
-
jquery中dom操作和事件的实例学习 下拉框应用
今天这个demo是有关下拉框的. 复制代码 代码如下: <div class="centent"> <select multiple="multiple" id="select1" style="width:100px;height:160px;"> <option value="1">选项1</option> <option value="2
-
jQuery 处理页面的事件详解
在之前dom操作中提到了javascript对事件处理的介绍.由于不同浏览器处理事件各不相相同,这给开发者带来了不必要的麻烦,jQuery的方便的解决了这个方面的麻烦. 1.绑定事件监听 (http://www.jb51.net/article/60096.htm)对事件的监听做了详细的介绍,看到了iE和DOM标准浏览器对待事件监听的区别,并对多个监听事件执行顺序和方式也不相同. 在jQuery中,通过bind()对事件绑定,相当于IE浏览器的attachEvent()和标准DOM的addEve
-
DOM基础教程之事件类型
对于用户事件类型而言,最常用的是鼠标.键盘.浏览器. 1.鼠标事件: 鼠标的事件都频繁使用,下面例子就测试各种鼠标事件 复制代码 代码如下: <script language="javascript"> function handle(oEvent) { var disp = document.getElementById("display"); if (window
-
DOM3中的js textInput文本事件
与keypress不同的是,该事件只会在用户输入可视字符时触发,而keypres事件则只要按下键即触发(如CapsLock,Backspace). 可看到textInput考虑的主要是字符,可以通过事件对象的data属性获取所输入字符. 示例 DOM3 event textInput function addEvent(el,type,fn){ if(el.addEventListener){ el.addEventListener(type, fn, false); }else{ el.att
-
jQuery 选择器、DOM操作、事件、动画
Jquery选择器 $(document).ready(function(){}) $(function(){}) 如果获取的对象是jQuery对象,那么在变量前面加上$,例如:var $variable=jQuery对象 选择器 1, 判断页面是否存在某元素:if($("#tt").length>0){} 或者if($("#tt")[0]){}; 2, 基本选择器 $("#test") 选择id为test的元素 $(".test
-
DOM 事件流详解
1.冒泡型事件 浏览器的事件模型分两种:捕获型事件和冒泡型事件.由于ie不支持捕获型事件,所以以下主要以冒泡型事件作为讲解. (dubbed bubbling)冒泡型指事件安装最特定的事件到最不特定的事件逐一触发. 复制代码 代码如下: <body onclick="add('body<br>')"> <div onclick="add('div<br>')"> <ponc
-
jquery中dom操作和事件的实例学习-表单验证
很显然,这样做能提升更好的用户体验. html代码: 复制代码 代码如下: <form method="post" action=""> <div class="int"> <label for="username">用户名:</label> <input type="text" id="username" class="r
随机推荐
- jqueryUI tab标签页代码分享
- eWebEditor 上传文件提示格式不正确的解决方法
- 校准系统时间的VBS代码
- JavaWeb工程中集成YMP框架快速上手
- ASP.NET实现上传图片并生成缩略图的方法
- JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
- 用javascript判断IE版本号简单实用且向后兼容
- php使用sql server验证连接数据库的方法
- 基于VUE选择上传图片并页面显示(图片可删除)
- 微信 开发生成带参数的二维码的实例
- 发个自己写的表格操作类(添加,删除,排序,上移,下移)
- 基于ajax html实现文件上传技巧总结
- Linux 重命名命令自制详细介绍
- SQL查询效率注意事项小结
- jquery实现静态搜索功能(可输入搜索文字)
- 在textarea中显示html页面的javascript代码
- Java中一个for语句导致无穷大死循环的例子
- c#获取本机在局域网ip地址的二种方法
- Android之软键盘自动弹出和关闭【代码分享】
- C语言动态数组的使用实现代码