上述代码在JavaScript事件处理中
上述代码在JavaScript事件处理中很常见,主要设置为与旧版本的Internet Explorer(主要在IE9之前)兼容,因为旧版本的IE不支持标准的W3C事件处理规范。
此代码中的e表示事件对象,即所谓的事件驱动源。接下来,以鼠标单击事件为例进行测试:
(HTML)
一
二
三
四
五
六
七
八
九
<!文档类型HTML>
<html >
<体>
<button type=“button”id=“btn”>单击</button>
<script type=“text/javascript”>
//javascript代码
</Script >
<正文>
</HTML>
(JavaScript)
一
二
三
文件。getElementByID(“btn”)。onclick=函数(e){
警报(E);
}
编写一个匿名函数(e)alert(e);并将其分配给事件句柄(onclick),它是一个相当于onclick(e)alert(e);的回调函数。此代码在标准浏览器(如Chrome、Firefox或新版本的IE(IE9及更高版本)中运行。它应该弹出一个类似“[对象mouseEvent]”的字符串来表示e是一个事件对象;当它在旧版本的ie中运行时,结果是“未定义”(未定义)。
显然,在标准进程中,事件对象默认由事件句柄函数的第一个参数传入,以供处理函数使用;在旧版本的IE中,事件对象不能由句柄函数直接传入,但可以使用全局变量来表示事件对象,即窗口。事件。同样,可以使用示例来验证:
一
二
三
文件。getElementByID(“btn”)。onclick=函数(e){
警报(窗口)。事件);
}
在旧版本的IE,window中。事件可以显示为对象,表示可以通过这种方式获取事件对象。(实际上,除此之外,还有窗户。像Chrome这样的浏览器中的事件,但是在支持标准的浏览器中,我们最好使用标准方式。)
现在您可以理解为什么表达式e=e_window。事件出现。因为这是与旧的IE事件处理兼容的唯一方法:如果浏览器支持标准处理,则使用handle函数传入的第一个参数(e),反之亦然,使用IE处理方法(window)。事件)。在某种意义上,标准事件对象(e)和窗口。在旧版IE中,事件可以看作是等价的(实际上,存在一些差异,这里没有详细的区别),两者都可以有效地使用。
一
二
三
四
文件。getElementByID(“btn”)。onclick=函数(e){
E=E窗口。事件;
//使用e对象
}
因此,上述代码几乎可以与所有浏览器兼容。
上述代码在JavaScript事件处理中的更多相关文章
- 深入理解JavaScript 事件
本文总结自<JavaScript高级程序设计>以及自己平时的经验,针对较新浏览器以及 DOM3 级事件标准(2016年8月),对少部分内容作了更正,增加了各种例子及解析. 如无特殊说明,本 ...
- JavaScript事件总结
JavaScript 事件总结 本文总结自<JavaScript高级程序设计>以及自己平时的经验,针对较新浏览器以及 DOM3 级事件标准(2016年8月),对少部分内容作了更正,增加 ...
- JavaScript 事件总结
本文总结自<JavaScript高级程序设计>以及自己平时的经验,针对较新浏览器以及 DOM3 级事件标准(2016年8月),对少部分内容作了更正,增加了各种例子及解析. 如无特殊说明,本 ...
- javaScript事件流是什么?
一.事件 事件是文档或者浏览器窗口中发生的,特定的交互瞬间. 事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字. 事件是javaScript和DOM之间交 ...
- JavaScript事件模型及事件代理
事件模型 JavaScript事件使得网页具备互动和交互性,我们应该对其深入了解以便开发工作,在各式各样的浏览器中,JavaScript事件模型主要分为3种:原始事件模型.DOM2事件模型.IE事件模 ...
- javaScript事件--事件流
一.事件 事件是文档或者浏览器窗口中发生的,特定的交互瞬间. 事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字. 事件是javaScript和DOM之间交 ...
- JavaScript 事件代理
转自:http://www.cnblogs.com/silence516/archive/2009/09/03/delegateEvent.html 如果你想给网页添加点JavaScript的交互性, ...
- JavaScript事件详解-jQuery的事件实现(三)
正文 本文所涉及到的jQuery版本是3.1.1,可以在压缩包中找到event模块.该篇算是阅读笔记,jQuery代码太长.... Dean Edward的addEvent.js 相对于zepto的e ...
- JavaScript事件详解-Zepto的事件实现(二)【新增fastclick阅读笔记】
正文 作者打字速度实在不咋地,源码部分就用图片代替了,都是截图,本文讲解的Zepto版本是1.2.0,在该版本中的event模块与1.1.6基本一致.此文的fastclick理解上在看过博客园各个大神 ...
随机推荐
- nginx 反向代理实现负载均衡*配置实战
重要点: 1配置反向代理多虚拟主机节点服务器 2经过反向代理后的节点服务器记录用户IP 3与反向代理配置相关的更多参数说明 4根据URL目录地址转发 (1)根据URL中的目录地址实现代理转发(动静分离 ...
- LC 794. Valid Tic-Tac-Toe State
A Tic-Tac-Toe board is given as a string array board. Return True if and only if it is possible to r ...
- mybatis之分页查询
1)StudentDao.java /** * 持久层*/ public class StudentDao { /** * 增加学生 */ public void add(Student studen ...
- egg源码浅析一npm init egg --type=simple
要egg文档最开始的时候,有这样的几条命令: 我们推荐直接使用脚手架,只需几条简单指令,即可快速生成项目: $ mkdir egg-example && cd egg-example ...
- java+服务器上传和下载文件
1.介绍enctype enctype 属性规定发送到服务器之前应该如何对表单数据进行编码. enctype作用是告知服务器请求正文的MIME类型(请求消息头content-type的作用一样) 1. ...
- SSIS数据同步实践
SSIS数据同步实践 背景 在已初步验证不同实例下同构表数据同步方案之后,为了实现数据持续同步,需使用SSIS把之前的生成脚本和执行脚本的两个步骤组合在一起部署成包之后,通过JOB定时去执行: 测 ...
- 使用throw和throws 引发异常
1.throw 用在方法内抛出异常,通常可以自行使用try catch进行异常处理 如果不自行处理的话,需要在方法上使用throws抛出异常 public static void testAge(){ ...
- 在java开发环境中,快捷键的使用及用法
(1)Ctrl+M切换窗口的大小 (2)Ctrl+Q跳到最后一次的编辑处 (3)F2当鼠标放在一个标记处出现Tooltip时候按F2则把鼠标移开时Tooltip还会显示即Show Tooltip De ...
- Kubernetes Dashboard的安装与坑【h】
1.前言 https://github.com/kubernetes/dashboard/releases kubectl apply -f https://raw.githubusercontent ...
- 撸了一个简易的工具库: jeasy
一年前,发现在工作的项目中存在大量使用monment的情况,但仅使用到最基础的format功能.monment的体积直接导致项目体积成倍增加,于是jeasy就诞生了. jeasy实现了monment最 ...