event.cancelBubble由于HTML中的对象都是层次结构，比如一个Table包含了多个TR，一个TR包含了多个TD Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前的event.srcElement就是这个TD，但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件，但是如果你event.cancelBubble，则就不能上传事件。 例子：
<html>
<head><title>Test</title></head>
<script>
var curText;
var curObj;
function fun1(obj)
{
curText = obj.innerText;
curObj = obj;
obj.innerText = "bbb";
event.cancelBubble = true;
}
function fun2()
{
= curText;
}
</script>
curObj.innerText
<body onclick="fun2();">
<table>
<tr><td id="td1" onclick="fun1(this)">aaa<td></tr>
</table>
</body>
</html>
扫一扫
753
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
