关于事件冒泡 - JavaScript论坛

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

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

bingxue2332

等　级：新手上路
威　望：6
帖　子：446
专家分：0
注　册：2004-11-6

第 5 楼

得分:0

真的想不到来了这么多的JS高手啊！

2006-02-17 13:31