Egret屏蔽父类点击事件和事件流

最新推荐文章于 2020-12-23 08:45:57 发布

shenysun

最新推荐文章于 2020-12-23 08:45:57 发布

阅读量977

点赞数

分类专栏： Egret游戏开发文章标签： typescript

本文链接：https://blog.csdn.net/shenysun/article/details/106138853

版权

本文介绍了如何在Egret中屏蔽父类点击事件，通过在子对象的事件处理函数中调用stopPropagation来防止事件冒泡到父类。同时，详细讲解了Egret的事件流过程，包括捕获阶段和冒泡阶段，并通过实例展示了事件的传播路径。最后，总结了stopPropagation方法的作用，即阻止事件流中当前节点后续节点的事件处理。

摘要由CSDN通过智能技术生成

Egret屏蔽父类点击事件和事件流

屏蔽父类点击事件

在父容器上添加sprite_1，在sprite_1上添加子对象sprite_2，分别添加点击事件
代码如下：

        let sprite_1: egret.Sprite = new egret.Sprite();
        sprite_1.touchEnabled = true;
        sprite_1.name = "sprite_1"
        sprite_1.graphics.beginFill(0x000);        
        sprite_1.graphics.drawRect(0, 0, 300, 300);
        sprite_1.graphics.endFill();
        this.addChild(sprite_1);

        let sprite_2: egret.Sprite = new egret.Sprite();
        sprite_2.touchEnabled = true;
        sprite_2.name = "sprite_2"
        sprite_2.graphics.beginFill(0xffffff);        
        sprite_2.graphics.drawRect(0, 0, 100, 100);
        sprite_2.graphics.endFill();
        sprite_1.addChild(sprite_2);
        sprite_1.addEventListener(egret.TouchEvent.TOUCH_TAP, (e: egret.TouchEvent)=> {
            console.l