关于event.cancelBubble
由于HTML中的对象都是层次结构,比如一个Table包含了多个TR,
一个TR包含了多个TD ,bubble就是一个事件可以从子节点向父节点传递,
比如鼠标点击了一个TD,当前的event.srcElement就是这个TD,
但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件,
但是如果你event.cancelBubble = true,则就不能上传事件。
event.cancelBubble阻止事件冒泡: event.cancelBubble=true;
取消事件冒泡,在 IE 的事件机制中,触发事件会从子元素向父元素逐级上传,
就是说,如果子元素触发了单击事件,那么也会触发父元素的单
击事件;event.cancelBubble=true;可以停止事件继续上传
补充一点,Ie的事件传递是从下到上的:
事件来源对象->上级对象->上上级对象->.....->body->document->window
NS的事件传递是从上到下:
window->document->body->....->事件来源对象