w3c标准 dom对象 事件冒泡和事件捕获

时间:2023-03-09 01:26:15
w3c标准 dom对象 事件冒泡和事件捕获

http://www.cnblogs.com/chengxs/p/6388779.html

http://www.jb51.net/article/42492.htm

W3C标准是什么?

1.表现(css)    2.行为(dom,ecmscript)   3.结构(xml ,xhtml)

Dom对象模型是什么?

dom对象模型包括事件捕获模型和事件冒泡模型,两个事件流会触发所有的对象,从document开始到document结束

1.事件冒泡行为:从最精确的目标到最不精确的目标进行触发

2.事件捕获是从最不精确的目标到最精确的目标进行顺序触发

1、支持W3C标准的浏览器的给元素添加事件的方法,使用addeventListener函数,使用样例addEventListener(event,fn,useCapture)来设置事件是在冒泡时执行还是在事件捕获时执行。第三个参数使用布尔型,true或者false来表示;

使用true,意思就是事件捕获

使用false,意思就是冒泡事件

2、不支持W3C标准的浏览器(IE)给元素添加事件方法,使用attachevent函数,使用样例attachevent(event,fn),默认的是false,起到了兼容浏览器效果,也就是说,IE浏览器只支持事件冒泡。

看这张图就很清楚了事件捕获和冒泡原型。

w3c标准 dom对象 事件冒泡和事件捕获

3、事件捕获阶段:事件从最上一级的标签开始查找,直到捕获事件目标

事件冒泡阶段:事件从事件目标开始,往上冒泡直到页面的最上一级标签

4、先出法捕获事件再触发冒泡时间

5、

传统的绑定事件方式

ele.onclick = doSomething2

这种绑定方式,采用的是冒泡事件

IE浏览器

IE只支持事件冒泡,不支持事件捕获,不支持addeventListener函数,她提供了另外一个函数attachevent。

ele.attachEvent("onclick", doSomething2);