码迷,mamicode.com
首页 > 其他好文 > 详细

Capture

时间:2018-11-11 23:32:42      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:eve   分享图片   技术   chrome   div   tle   ref   dde   firefox   

事件捕获

事件捕获是由Netscape Communicator团队提出来的,是先由最上一级的节点先接收事件,然后向下传播到具体的节点。当用户点击了<div>元素,采用事件捕获,则click事件将按照document—><html>—><body>—><div>的顺序进行传播。

若在<div>和<body>上都定义了click事件,如下:

技术分享图片
<script type="text/javascript">
        var div=document.getElementById("myDiv");    
        div.addEventListener("click",function(event){
            alert("div");
        },true);
        document.body.addEventListener("click",function(event){
            alert("body");
        },true);
        
    </script>
技术分享图片

(注:addEventListener具体使用见本文DOM2级事件处理)

点击<div>,将先输出“body”,再输出“div”。

IE9,chrome,Firefox,Opera,Safari都支持事件捕获,但是IE8和IE8以下的版本只支持事件冒泡。尽管DOM2规范要求事件应该从document对象开始传播,但是现在的浏览器实现都是从window对象开始捕获事件。

Capture

标签:eve   分享图片   技术   chrome   div   tle   ref   dde   firefox   

原文地址:https://www.cnblogs.com/yixiaoyu/p/9943612.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!