事件冒泡(点击穿透)

window.onload = function () {

            var oDiv1 = document.getElementById('div1');//子

            var oDiv2 = document.getElementById('div2');//父

            oDiv1.onclick = function (ev){

                var oEvent = ev || event;

                alert("this is div1");


                //js阻止事件冒泡

                oEvent.cancelBubble = true;

                oEvent.stopPropagation();

                //js阻止链接默认行为,没有停止冒泡

                //oEvent.preventDefault();

                //return false;

            }

            oDiv2.onclick = function (ev){

                var oEvent = ev || event;

                alert("this is div2");

                oEvent.cancelBubble = true;

            }

        }

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,152评论 1 45
  • 事件对象 鼠标事件 event.clientX在可视区中,鼠标点击的x坐标 event.clientY在可视区中,...
    LaBaby_阅读 3,685评论 0 1
  • 一、DOM 什么是DOM?Document Object Model(文档对象模型)。DOM是针对HTML和XML...
    空谷悠阅读 4,516评论 0 2
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 8,173评论 1 10
  • 是否角马离开了种群 就是死路一条 是否站在人群的顶点 才是我一生的目标 是谁拿着喇叭 对着我的耳朵拼命的喊着 而我...
    雨眠之夜阅读 1,482评论 0 0