• Capture


    事件捕获

    事件捕获是由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对象开始捕获事件。

  • 相关阅读:
    Zookeeper的ZAB协议
    Netty从入门到放弃,从放弃在到入门
    Java多线程-锁的原理
    ContextLoaderListener的说明
    Jdk和Cglib 的区别
    zookeeper核心概念
    https
    [CS Academy] Infinity Array
    [JZOJ 5669] Permutaition
    [CF 613 Div.1E] Puzzle Lover
  • 原文地址:https://www.cnblogs.com/yixiaoyu/p/9943612.html
Copyright © 2020-2023  润新知