本文详细解析了事件冒泡的概念，通过创建包含多个层级元素的HTML页面实例，演示了事件从内到外的触发顺序。包括在body、table、tr、td和p元素上设置事件响应，帮助理解DOM事件传播机制。
事件冒泡
如果元素A嵌套在元素B中，那么A被点击不仅A的onclick事件会被触发,B的onclick也会被触发，
触发的顺序是"由内而外".验证:在页面上添加一个table,table里有tr,tr里有td,td里放一个p,
在p,td,tr,table中添加事件响应
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body onclick="alert('body click');">
<table onclick="alert('table click');">
<tr onclick="alert('tr click');">
<td onclick="alert('td click');">
<input type="button" value="单击我" onclick="alert('button click');" />
</td>
</tr>
</table>
</body>
</html>
扫一扫
2128
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
