首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

对event的cancelBubble属性了解

2012-11-23 
对event的cancelBubble属性理解由于HTML中的对象都是层次结构,比如一个Table包含了多个TR,一个TR包含了多

对event的cancelBubble属性理解
   由于HTML中的对象都是层次结构,比如一个Table包含了多个TR,一个TR包含了多个TD.
   Bubble就是一个事件可以从子节点向父节点传递,比如鼠标点击了一个TD,当前的event.srcElement就是这个TD,但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件,但是如果你event.cancelBubble,则就不能上传事件。
例子:

<html> <head> <title>event.cancelBubble</title><body> <span onclick=alert("你好")>点我 <span>再点我</span></span><br><br> <span onclick=alert("你好")>点我 <span onclick=event.cancelBubble=true;>再点我</span></span> </body> </html> 

热点排行