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

Egret屏蔽父类点击与事件流解析

最新推荐文章于 2021-01-23 17:53:33 发布

原创

最新推荐文章于 2021-01-23 17:53:33 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

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

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.log("sprite_1 点击");
        }, this);
        sprite_2.addEventListener(egret