第13章 事件 1.事件流:描述从页面中接收事件的顺序。 三个阶段:捕获,处于目标,冒泡。 2.事件处理程序:局部变量event表示事件对象,this值为事件目标元素。 (1)HTML事件处理程序:可以访问特性。弊端:可能调用事件处理程序时,函数还未定义。同时代码紧密耦合,修改不便。 (2)DOM0 ...
分类:
Web程序 时间:
2016-08-10 22:42:59
阅读次数:
207
html事件处理程序中,变量event中保存着事件对象 1、DOM中的事件对象 无论是DOM0还是DOM2,事件处理程序中都会传入一个event对象 所有的事件都会有下表列出的成员: 在事件处理程序内部,对象this始终等于currentTarget的值,而target是事件实际目标 stopPro ...
分类:
Web程序 时间:
2016-08-10 16:06:41
阅读次数:
225
原文链接:http://www.cnblogs.com/xxcanghai/p/5205998.html 1、事件的三个阶段:事件捕获、目标、事件冒泡 (低版本的IE不支持捕获) 2、传统、IE和W3C不同绑定事件、解绑事件的方法有什么区别,参数分别是什么,以及事件对象e有什么区别 传统方法: 非常 ...
分类:
Web程序 时间:
2016-08-10 12:22:53
阅读次数:
209
事件流: 事件流--描述的是从页面中接受事件的顺序 IE 事件冒泡流:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。 Netscape 事件捕获流:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。 使用事件处理程序: 1 ...
分类:
其他好文 时间:
2016-08-09 16:13:50
阅读次数:
133
e = e || window.event是我们在做事件处理时候区分IE和其他浏览器事件对象时常用的写法。但是这行兼容性代码有没有必要出现在所有的事件句柄中呢?标准事件调用方式需要这行代码吗?下边我们做详细讨论。 在讨论之前,如果有些忘记或者不熟悉事件对象的先参考其他资料,或者看看这个连接的资料ht ...
事件对象 在触发DOM节点上的某个对象时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。 DOM中的事件对象 在上边的页面中,点击<input>元素,以input-div-body-html-document的顺序冒泡。 封装一个事件处理程序,如下: event对象包含与创建它 ...
分类:
Web程序 时间:
2016-08-04 23:12:41
阅读次数:
327
跨浏览器的事件对象示例详解 封装事件对象 1 var event_util = { 2 //添加事件 3 addHandler: function(element, type, handler) { 4 if(element.addEventListener) { 5 element.addEven ...
分类:
Web程序 时间:
2016-08-04 23:01:47
阅读次数:
192
几个兼容相关的重要函数 1. 创建XMLHttpRequest对象 2. 原生js实现跨浏览器的事件对象和事件处理程序 2.1 获取事件对象 2.2 获取事件源 event.srcElement是[IE8-]唯一的方式,IE9+未知,其它浏览器都支持标准的event.target方式 2.3 阻止事 ...
分类:
其他好文 时间:
2016-08-04 22:54:34
阅读次数:
289
网易2017内推笔试题 要求: 请实现下面的自定义事件Event对象的接口,功能见注释(测试1) 该Event对象的接口需要能被其他对象拓展复用(测试2) Object.assign(target, ...sources) 可以把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。 这 ...
分类:
Web程序 时间:
2016-08-04 21:37:39
阅读次数:
299
JavaScript学习--8.1(常见的js代码兼容工具总结) 1.取css样式表和非行间样式的属性 注意:该方法取得的元素属性带有单位的,比如height、width是px 2.为了兼容通过class来获取元素 注意:获取到的是一个数组形式的,需要选择其中的加上下标就好 3.兼容性获取事件对象 ...
分类:
编程语言 时间:
2016-08-01 22:40:02
阅读次数:
168