1) html事件处理: <div onclick = zdh()></div> 2) dom0 dom元素.onclick = function zdh(){}; 3) dom2 : 3个参数 dom元素.addEventListener(事件类型 , 回调函数, true ); dom元素.ad ...
分类:
其他好文 时间:
2016-06-06 20:33:46
阅读次数:
101
js事件处理程序一般有三种: 1、HTML事件处理程序 这种事件方式一般不推荐,变更事件麻烦。 2、DOM0级处理程序 这里可以 = 一个匿名函数,也可以是已声明函数。 DOM0级处理程序的清空:element.onclick = null; 3、DOM2级处理程序 DOM2级处理程序定义了事件添加 ...
分类:
Web程序 时间:
2016-06-05 13:54:47
阅读次数:
239
## **事件流**:## 事件发生后沿着某一方向传播的行为 > 事件流分为冒泡和捕获 IE:只有冒泡 现代浏览器:两种都有,默认冒泡 网景:只有捕获(但是已经不存在) ## **事件分级**:## DOM0/DOM1:所有浏览器都有的DOM事件,好处是兼容所有浏览器,缺点是同一事件,只能定义一次, ...
分类:
Web程序 时间:
2016-05-30 06:27:02
阅读次数:
225
1:事件流:一个事件发生时按一个方向传播 eg:a标签->html 冒泡:从里到外(一般的选择) IE只有冒泡 捕获:从外到里 网景只有捕获(已经不存在了) 2、事件处理的两种种方式: (1)DOM0(传统事件): 优点:兼容所有浏览器 缺点:不能够添加多个方法,后面的方法会覆盖前面的方法 (2)D ...
分类:
Web程序 时间:
2016-05-29 19:55:08
阅读次数:
206
事件处理分为DOM0,DOM2,DOM3事件。 DOM0就是直接通过 onclick写在html里面的事件, 比如:<input onclick="alert(1)" />,或者通过获取id的方式在js中直接添加onclick,比如document.getElementById("id").oncl ...
分类:
其他好文 时间:
2016-05-29 18:31:37
阅读次数:
126
所谓事件,就是指我们在页面上的一些交互操作,比如单击鼠标,按下键盘等等 当我们需要操作某些元素使它有一定的交互效果时,就需要给相应的元素绑定事件处理函数 事件绑定分为3种,分别是HTML内嵌(不推荐)、传统事件绑定(也叫DOM0级事件绑定)、以及DOM2级事件绑定 1.HTML内嵌 但是这种写法违背 ...
分类:
编程语言 时间:
2016-05-21 21:37:38
阅读次数:
207
在慕课网里,DOM事件一节中提到了怎么在Chrome,IE,和更低版本的浏览器中实现事件处理,这里做一个小结:
1.非IE浏览器支持addEventListener和removeEventListener。
2.IE浏览器(低版本)支持attachEvent和detachEvent,但其他浏览器不支持。
3.各个浏览器(无论低版本)都支持dom0级事件,但是有一个弊端就是无法重复处理。
这...
分类:
其他好文 时间:
2016-05-13 03:37:13
阅读次数:
103
要保证处理事件的代码能在大多数浏览器下一致地运行,只需关注冒泡阶段。 第一个要创建的方法是addHandler(),它的职责是视情况分别使用DOM0级方法、DOM2级方法或IE方法来添加事件。这个方法属于一个名叫EventUtil的对象。addHandler()方法接受3个参数:要操作的元素、事件名 ...
分类:
其他好文 时间:
2016-05-06 19:08:12
阅读次数:
139
事件流:描述的是在页面接受事件的顺序 &事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) &事件捕获:最不具体的节点先接收事件,而最具体的节点应该是最后接收事件 *********************** HTML事件处理: 直接添加到HTML结构中 DOM0级事件处 ...
分类:
Web程序 时间:
2016-04-30 23:42:08
阅读次数:
202
html事件处理程序 直接再html中书写 onclick="函数";缺点:修改一处,需要改2处。 dom0级事件处理程序 js中先获取元素,再直接写 obj.onclick = "函数"; 清除方式: btn.onclick = "null"; 缺点:后面的事件绑定会覆盖之前的绑定。 dom2级事 ...
分类:
其他好文 时间:
2016-04-29 11:49:02
阅读次数:
203