DOM3事件类型：

　　1、UI事件：当用户与页面上的元素交互时触发

　　　　a、DOMActivate：元素已经被用户操作激活。

　　　　b、load：（1）页面完全加载：window触发。

　　　　　　 　　 （2）所有框架加载完毕：框架集触发。

　　　　　　　　  （3）图像加载完毕：<img>触发。

　　　　　　　　  （4）嵌入内容加载完毕：<object>元素触发。

　　　　　　例一：EventUtil.addHandler(window,"load",function(event){

　　　　　　　　　　alert("Load");

　　　　　　　　});

　　　　　　例二：<body onload="alert(''Loaded!)">//在window上面发生的任何事件都可以在<body>元素中通过相应的特性来指定。

　　　　　　例三：

　　　　c、unload：（1）页面完全卸载：window触发。

　　　　　　 　　 （2）所有框架卸载完毕：框架集触发。

　　　　　　　　  （4）嵌入内容卸载完毕：<object>元素触发。

　　　　d、abort：在用户停止下载过程时，如果嵌入的内容没有加载完，则在<object>上触发。

　　　　e、error：（1）JavaScript错误时：window上触发。

　　　　　　　　  （2）无法加载图像时：<img>元素上触发。

　　　　　　　　  （3）无法加载嵌入内容时：<object>元素上触发。

　　　　　　　　  （4）框架无法加载时：框架集上触发。

　　　　f、select：当用户选择文本框（input或textarea）中的一个或多个字符时触发。

　　　　g、resize：（1）窗口大小变化：window上触发

　　　　　　　　　（2）框架大小变化时：框架上触发

　　　　h、scroll：当用户滚动带滚动条的元素中的内容时，在该元素上触发。

　　2、焦点事件：当元素获得或失去焦点时触发

　　3、鼠标事件：当用户通过鼠标在页面上执行操作时触发

　　4、滚轮事件：当使用鼠标滚轮（或类似设备）时触发

　　5、文本事件：当在文档中输入文本时触发

　　6、键盘事件：当用户通过键盘在页面上执行操作时触发

　　7、合成事件：当为IME（输入法编辑器）输入字符时触发

　　8、变动事件：当底层的DOM结构发生变化时触发

　　9、变动名称事件：当元素或属性名发生变动时触发

　　

JavaScript-事件类型的更多相关文章

  1. JavaScript事件类型

    JavaScript事件类型 Web浏览器中可能发生的事件有很多类型.这里我将主要将下面几种常用的事件类型: UI事件 焦点事件 鼠标与滚轮事件 键盘与文本事件 复合事件 变动事件 HTML5事件 设 ...

  2. javascript事件类型之界面拖拽交互

    一.在线DEMO 界面拖拽交互

  3. JavaScript 中的事件类型5（读书笔记思维导图）

    Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交 ...

  4. JavaScript 中的事件类型4（读书笔记思维导图）

    Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交 ...

  5. JavaScript 中的事件类型3（读书笔记思维导图）

    Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交 ...

  6. JavaScript 中的事件类型2（读书笔记思维导图）

    Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件: UI(User Interface,用户界面)事件:当用户与页面上的元素交 ...

  7. JavaScript 中的事件类型1（读书笔记思维导图）

    Web 浏览器中可能发生的事件有很多类型.如前所述,不同的事件类型具有不同的信息,而“ DOM3级事件”规定了以下几类事件. UI(User Interface,用户界面)事件:当用户与页面上的元素交 ...

  8. 《JAVASCRIPT高级程序设计》事件处理程序和事件类型

    一.事件流 谈到事件,首要要理解事件流的概念:事件流是指从页面接受事件的顺序:“DOM2级事件”规定事件流包括三个阶段:事件捕获阶段.处于目标阶段和事件冒泡阶段.目前大部分的浏览器的事件流是事件冒泡, ...

  9. javaScript事件（六）事件类型之滚轮事件

    滚轮事件其实就是一个mousewheel事件,这个事件跟踪鼠标滚轮,类似Mac的触屏版. 一.客户区坐标位置 鼠标事件都是在浏览器视口的特定位置上发生的.这个位置信息保存在事件对象的clientX和c ...

  10. 浅谈JavaScript的事件（事件类型）

    Web浏览器能够发生的事件有很多种类型,不同的事件类型有不同的事件信息.DOM3级的事件类型主要包括:UI事件,用户与页面上的元素交互时触发:焦点事件,元素获得或失去焦点触发:鼠标事件,用户通过鼠标在 ...

随机推荐

  1. awk sed 命令

    awk awk是一个强大的文本分析工具,相对于grep的查找,sed的编辑,awk在其对数据分析并生成报告时,显得尤为强大. 简单来说awk就是把文件逐行的读入,以 空格或TAB 为默认分隔符 将每行 ...

  2. 动态规划------背包问题（c语言）

    /*背包问题: 背包所能容纳重量为10:共五件商品,商品重量用数组m存储m[5]={2,2,6,5,4}, 每件商品的价值用数组n存储,n[5]={6,3,5,4,6};求背包所能装物品的最大价值. ...

  3. mac item2的快捷键

    https://juejin.im/entry/58fac23fb123db4449071c99 听说这个工具可以解决,iterm2的整句翻译的问题.一致找不到免费的破解版本. Myna for Go ...

  4. 浮动和包含框的关系，伪元素after解决高度塌陷

    浮动会使元素尽量向左或向右移动,直到碰到包含框或另外一个浮动元素的盒子模型的边缘 包含框并不会改变里面浮动元素的宽高,浮动元素宽高不会限制在包含块以内 <!DOCTYPE html> &l ...

  5. 进阶之路 | 奇妙的Window之旅

    前言 本文已经收录到我的Github个人博客,欢迎大佬们光临寒舍: 我的GIthub博客 学习清单: Window&WindowManagerService Window&Window ...

  6. 正则表达式过滤html注释内容

    Regex.Replace("<!--(.|[\r\n])*?-->",string.Empty)

  7. Nginx三大主要功能

    1.做静态资源服务器,可以用于前端项目发布,图片文件文件等静态服务器. 2.做反向代理服务器,域名往往配置在Nginx上,真正的业务服务器躲在其身后. 3.做负载均衡服务器,作为负载集群的入口网关. ...

  8. 静态存储SRAM设计

    SRAM即静态随机存取存储器.它是具有静止存取功能的内存,不需要刷新电路便能保存它内部存储的数据.在工业与科学用的很多子系统,汽车电子等等都用到了SRAM.现代设备中很多都嵌入了几千字节的SRAM.实 ...

  9. Learning hard 学习笔记

    第一章 你真的了解C#吗 1.什么是C#, 微软公司,面向对象,运行于.NET Framework之上, 2.C#能编写哪些应用程序, Windows应用桌面程序,Web应用程序,Web服务, 3.什 ...

  10. .netcore 3.1高性能微服务架构：封装调用外部服务的接口方法--HttpClient客户端思路分析

    众所周知,微服务架构是由一众微服务组成,项目中调用其他微服务接口更是常见的操作.为了便于调用外部接口,我们的常用思路一般都是封装一个外部接口的客户端,使用时候直接调用相应的方法.webservice或 ...