考虑这么个例子: 哪怕一个web开发的初学者都会知道,当我们鼠标在button上点击时,会在button上触发一个click事件。但是: button是div的一个子Node;从界面上来看,在button里点击相当于在div里点击;那click事件也会触发在div上吗? 如果click事件也触发在d ...
分类:
其他好文 时间:
2018-11-15 00:14:15
阅读次数:
132
1、绑定事件 语法: 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。 参数解释: type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn ( Function) : 绑定到每个匹配 ...
分类:
Web程序 时间:
2018-11-14 14:16:57
阅读次数:
203
上篇介绍完我们js的事件流的概念之后,相信大家对事件流也有所了解了。那么接下来我们看一下jquery的事件操作。 在说jquery的每个事件之前,我们先来看一下事件对象 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 例如: 当用户单 ...
分类:
其他好文 时间:
2018-11-14 14:13:11
阅读次数:
138
事件流动 DOM事件不单单只会在一个Element上触发,它还会流向其他Element。事件的流动通常会经历这么三个阶段: 捕获阶段(capture phase): 事件对象在事件目标的祖先中上到下顺向传播,从最顶层的defaultView到事件目标的(直系)父元素。 捕获阶段发生在整个事件流动的开 ...
分类:
其他好文 时间:
2018-11-11 23:42:08
阅读次数:
287
Event事件对象,DOM2级方法 一.event事件对象 每个浏览器中的event 鼠标坐标获取 event.pageX / event.pageY相对于文档顶部,不兼容低版本IE event.clientX / event.clientY相对于可是区域 二.事件监听 attachEvent()I ...
分类:
其他好文 时间:
2018-11-11 15:04:46
阅读次数:
148
1、绑定事件 语法: bind(type,data,fn) 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。 参数解释: type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn ( ...
分类:
Web程序 时间:
2018-11-10 15:21:11
阅读次数:
250
当浏览器发展到第四代时候,浏览器开发团队遇到了一个有意思的问题;页面的哪一部分会拥有某个特地的事件?要明白这个问题问的是什么,可以想象画在纸上的一组同心圆,如果你把手指放在圆心上,那么你的手指指向的不是一个圆,而是纸上所有的圆。两家公司的开发团队在这件事情上的看法是一致的,如果你单击了某个按钮,他们 ...
分类:
Web程序 时间:
2018-11-01 22:25:38
阅读次数:
212
1. 事件对象 event 标准浏览器 传递给响应函数 IE 把 event 事件对象作为全局对象 window 的一个属性 2. 浏览器滚动条高度 标准浏览器 使用 documen.documentElement.scrollLeft documen.documentElement.scrollT ...
分类:
Web程序 时间:
2018-10-29 22:59:26
阅读次数:
230
1.事件对象:var e = e || event; 2.target属性:var target = e.target || e.srcElement; 3.获取键码:keyCode:var code = e.keyCode || e.which || e.charCode; 4.获取滚动条滚走的距 ...
分类:
Web程序 时间:
2018-10-26 19:45:02
阅读次数:
199
4 this 关键字 this 表示当前函数或方法的调用者 1 全局函数由window调用,所以全局函数中的this 指的是window对象 2 事件处理函数中使用this,指的是当前事件的触发对象 2 事件对象 1 事件对象伴随事件触发产生,包含当前事件相关的所有信息 2 获取事件对象 事件对象伴... ...
分类:
Web程序 时间:
2018-10-24 22:22:08
阅读次数:
186