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. Docker Compose搭建Redis一主二从三哨兵高可用集群

    一.Docker Compose介绍 https://docs.docker.com/compose/ Docker官方的网站是这样介绍Docker Compose的: Compose是用于定义和运行 ...

  2. webapi使用jwt做权限验证

    考虑到很多公司目前并没有切换到.netcore,所有本文尝试使用.netframework下的webapi 首先使用Nuget 安装 jwt包 安装完成后,创建 jwt的帮助类 public clas ...

  3. 微软帮助类SqlHelper

    using System; using System.Data; using System.Xml; using System.Data.SqlClient; using System.Collect ...

  4. ASP.NET Core DI概述

    众所周知,ASP.NET Core有一个DI框架,应用程序启动时初始化. 预定义依赖 1: IApplicationBuilder:提供了配置应用程序的请求管道机制 2:ILoggerFactory: ...

  5. 【daily】文件分割限速下载,及合并分割文件

    说明 主要功能: 1) 分割文件, 生成下载任务; 2) 定时任务: 检索需要下载的任务, 利用多线程下载并限制下载速度; 3) 定时任务: 检索可合并的文件, 把n个文件合并为完整的文件. GitH ...

  6. 如何在Mac和Windows PC之间无线共享文件

    有时候,我需要在Mac和PC之间无线共享文件.由于并非所有人都在使用macOS,因此无论是在办公室还是在家里,这种情况都会发生.尽管并非一帆风顺,但有一种无需任何第三方应用程序即可弥合差距的方法. 根 ...

  7. Html介绍,认识html标签

    什么是网页?网页就是我们我们提前写好的代码样式经过浏览器的渲染展示出来的样式效果.其实我们常说的上网就是浏览各式各样的网页,这些网页都是由html标签组成,下面就是一个简单的网页,效果图如下: 简单看 ...

  8. Linux CURL的安装和使用

    --获得安装包,从网上直接下载或者其他途径,这里直接wget# wget http://curl.haxx.se/download/curl-7.17.1.tar.gz--解压到当前目录# tar - ...

  9. 再访JavaScript对象(原型链和闭包)

    一:原型链简介 JavaScript通常被描述为基于原型的语言 (从继承机制的角度)- 为了提供继承,对象(注意:区别于实例)可以拥有一个原型对象,它充当一个模板对象,它继承了方法和属性.对象的原型对 ...

  10. ng-组件

    几乎所有前端框架都在玩"组件化",而且最近都不约而同地选择了"标签化"这种思路,Angular 也不例外. 对新版本的 Angular 来说,一切都是围绕着&q ...