关于事件冒泡 - JavaScript论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 JavaScript论坛』 → 关于事件冒泡

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 611 人关注过本帖

标题：关于事件冒泡

只看楼主加入收藏

linuxpluto

等　级：贵宾
威　望：13
帖　子：889
专家分：23
注　册：2005-8-14

楼主

问题点数：0 回复次数：4

关于事件冒泡

就是事件上溯，比如在一个td中有一个onclick 事件，会上溯到tr，在上溯到table，最后上溯到body，有的事件是不上溯的，可以把一些事件停止上溯，就是用cancelBubble=true


<body onclick=\"test.innerHTML+='事件上溯到了body'+'<br>'\">
<table width=100% border=1  onclick=\"test.innerHTML+='事件上溯到了table'+'<br>'\">
<tr onclick=\"test.innerHTML+='事件上溯到了tr'+'<br>'\"><td height=50 
onclick=\"test.innerHTML+='事件上溯到了td'+'<br>'\">a</td></tr>
<tr onclick=\"test.innerHTML+='事件上溯到了tr'+'<br>'\"><td height=50 
onclick=\"test.innerHTML+='事件上溯到了td'+'<br>'\">a</td></tr>
</table>
<br>
在一个td中点击一次，要知道你只点击了一次
<div id=test style=\"border:1px solid black;height:30px\"></div>

[此贴子已经被作者于2006-2-9 0:34:37编辑过]

搜索更多相关主题的帖子: 冒泡　

2006-02-09 00:34

阳光白雪

等　级：贵宾
威　望：39
帖　子：2220
专家分：0
注　册：2005-11-18

第 2 楼

得分:0

麻烦楼主再发一个停止上溯的例子，不知道cancelBubble=true该放在什么位置

专注于WEB前端交互平台开发：[url=http://blog./]blog.[/url]（富客户端技术（RIA）交流平台）

2006-02-09 12:41

tody

等　级：新手上路
威　望：2
帖　子：119
专家分：0
注　册：2005-11-17

第 3 楼

得分:0

onclick触发的地方
[CODE]
<body onclick="test.innerHTML+='事件上溯到了body'+'<br>'">
<table width=100% border=1 onclick="test.innerHTML+='事件上溯到了table'+'<br>'">
<tr onclick="test.innerHTML+='事件上溯到了tr'+'<br>'"><td height=50 onclick="test.innerHTML+='事件上溯到了td'+'<br>';window.event.cancelBubble=true;">a</td></tr>
<tr onclick="test.innerHTML+='事件上溯到了tr'+'<br>'"><td height=50 onclick="test.innerHTML+='事件上溯到了td'+'<br>'">a</td></tr>
</table>
<br>
在一个td中点击一次，要知道你只点击了一次
<div id=test style="border:1px solid black;height:30px"></div>

[/CODE]

记录就是用来破的，自尊就是用来伤的。

2006-02-09 14:03