开发者社区> 问答> 正文

事件冒泡与事件捕获的先后问题?

我看资料上说现代浏览器对于事件冒泡与事件捕获都是支持的。我写了如下代码:

        <div id="div1">
            <div id="div2">
                <input id="btn1" type="button"  value="按钮"/>
            </div>
        </div>
        <script type="text/javascript">
            var div1 = document.getElementById("div1");
            var div2 = document.getElementById("div2");
            var btn = document.getElementById("btn1");
            
            div1.addEventListener("click",function ( event ) {
                console.log("div1,false");
            },false)
            div2.addEventListener("click",function ( event ) {                
                console.log("div2,false");
            },false)
            btn.addEventListener("click",function ( event ) {                
                console.log("btn,false");
            },false)
            div1.addEventListener("click",function ( event ) {                
                console.log("div1,true");
            },true)
            div2.addEventListener("click",function ( event ) {                
                console.log("div2,true");
            },true)
            btn.addEventListener("click",function ( event ) {                
                console.log("btn,true");
            },true)
            
        </script>

screenshot

展开
收起
杨冬芳 2016-06-21 14:05:49 1987 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista

    QQ_20160626163140

    2019-07-17 19:44:50
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载