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. Angular组件通信

    一. 组件间通信(组件间不能互相调用,公共方法放在服务中) (目前项目采用将公共方法直接写在ts文件中没使用服务) ng g service services/服务名 App.module.ts{ 引 ...

  2. 内部类(innerclasses)

    一般情况下,我们把类定义成独立的单元.有些情况下,我们把一个类放在另一个类的内部定义为内部类. 内部类的作用: 1.内部类提供了更好的封装.只能让外部类直接访问,不允许同一个包中的其他类直接访问. 2 ...

  3. Android Studio安装虚拟机步骤

    1. 新建 或者 2. 按图中的步骤,选择一款设备,建议选择分辨率小的,不占内存 3. 按图 4. 按图 5. 点击finish后,选择之前下载的虚拟机,点next 6. 虚拟机重命名 7. 到这里, ...

  4. ASP.NET Core MVC学习笔记

    最近由于疫情紧张,遂在家办公,在领导的带领下,学习了一下.Net Core MVC. 一,构建web应用 1.选择c#-所有平台-web  找到ASP.NET Core web应用程序 2.项目命名之 ...

  5. VSTO开发指南（VB2013版） 第四章 Excel编程

    实例1:处理NewWorkbook和WorkSheet事件的控制台程序 书本第70页 程序清单 4.1 处理NewWorkbook和WorkSheet事件的控制台程序 Imports Excel = ...

  6. 深入理解 Android 中的各种 Context

    前言 网上关于 Context 的文章也已经有不少了,比如值得参考的有: Android Context完全解析,你所不知道的Context的各种细节 Android Context 到底是什么? 但 ...

  7. Python中verbaim标签使用详解

    verbatim标签:默认在"DTL"模板中是会去解析那些特殊字符串的,比如{% 和 %}以及{{等.如果你在某个代码片段中不想使用"DTL"的解析引擎,那么就 ...

  8. 正则表达式中的exec()方法

    推荐该博主的内容链接: https://blog.csdn.net/ddwddw4/article/details/84658398?ops_request_misc=%7B%22request%5F ...

  9. 定义了一个vue全局方法，不能再vuex中进行调用

    你把函数定义在 Vue 的原型链上,只能在 Vue 的实例里才能取到这个方法. vue组件 是一个Vue 的实例,所以你当然能在这里调用到 ajax 方法. 而,vuex 只是一个 vue插件,在 v ...

  10. Leetcode 与树(TreeNode )相关的题解测试工具函数总结

    最近在剑指Offer上刷了一些题目,发现涉及到数据结构类的题目,如果想在本地IDE进行测试,除了完成题目要求的算法外,还需要写一些辅助函数,比如树的创建,遍历等,由于这些函数平时用到的地方比较多,并且 ...