其基本思想是事件从特定的事件目标向非特定的事件目标顺序触发。

先看如下代码代码htmlheadmeta http-equivContent-Type contenttext/html;charsetgb2312 /title无标题页/title/headbody onclickhandleClick()div onclickhandleClick()click me/div/body/html在ie5.5其冒泡顺序如下图在ie6.o以上增加了html(为了兼容最后避免在此标签上添加事件) 如图而在Mozilla 1.0中的冒泡事件是三种其实顺序没什么不同只是有部分标签是否支持冒泡的差异4.我们再看 捕获事件ie4.0使用的是冒泡事件而netscape navigator使用的是捕获型事件如下图所示、5.ie只支持冒泡事件而dom是同时支持“ 冒泡事件和捕获事件的 ”顺序是”捕获事件”-----》》“冒泡事件” 前面我们已经讲了moz,opera,safari等浏览器基本上是符合dom事件模型的所以他们也支持“ 冒泡事件和捕获事件的 ”如下图6.下面我们了解 怎样为标签添加事件最常用的方法是在其标签里面添加如 一下代码这种添加在moz中只有“捕获事件”等价于用addEventListener(obj,type,false)添加的函数这个后面再讲例如代码!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlnshttp://www.w3.org/1999/xhtmlheadtitle无标题页/title/headbody onclickalert(body)div onclickalert(div);divinput idButton1 onclickalert(btn); typebutton valuebutton //div/body/html点击 按钮 在ie中,依据我们对上面的了解很容易写出答案了没错ie只有冒泡事件 所以 顺序为buttondivbody;而在非ie浏览器如moz中 正如我们上面所说的 内嵌式事件 等价于addEventlistener(type,fn,false) 只从冒泡事件中 监听。所以顺序也是 btndivbody;在addEventlistener(type,fn,true添加事件时) 只监听 “捕获事件” 当第三个参数为false时 只监听 冒泡事件我们看下面一个例子代码