冒泡事件

allenlily

于 2012-02-25 21:18:18 发布

阅读量284

点赞数

CC 4.0 BY-SA版权

分类专栏： DOM 文章标签： table html

本文链接：https://blog.youkuaiyun.com/allenlily/article/details/7294302

DOM 专栏收录该内容

4 篇文章

订阅专栏

1.冒泡事件:元素A嵌套在元素B中,如果A被点击,不仅A的事件被触发,B的事件也会被触发;触发的数序是由内往外

验证:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
</head>
<body onclick="alert('body事件被触发')">
    <table onclick="alert('table事件被触发')">
        <tr onclick="alert('tr事件被触发')">
            <td onclick="alert('td事件被触发')"><p onclick="alert('p事件被触发')">猛点击我吧</p></td>
        </tr>
    </table>
</body>
</html>

结果:想要监听某一个事件.不一定具体到要监听的事件,监听他的上一层也可以.