Cocos Creator 触摸事件穿透

本文最后更新于：2023年4月15日 下午

触摸事件

假设给整个Canvas添加了事件监听。用网页模拟时，鼠标移动，点击子node都会监听到。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
start() {
    this._cfgTouchField();
}

_onTouchFieldDown(e) {
    cc.log('table', '_onTouchFieldDown');
}

_onTouchFieldMove(e) {
    cc.log('table', '_onTouchFieldMove');
}

_onTouchFieldEnd(e) {
    cc.log('table', '_onTouchFieldEnd');
}

_cfgTouchField() {
    this.node.on(cc.Node.EventType.MOUSE_DOWN, this._onTouchFieldDown, this);
    this.node.on(cc.Node.EventType.MOUSE_MOVE, this._onTouchFieldMove, this);
    this.node.on(cc.Node.EventType.MOUSE_LEAVE, this._onTouchFieldEnd, this);
    this.node.on(cc.Node.EventType.MOUSE_UP, this._onTouchFieldEnd, this);
}

网页模拟，鼠标从空白地方移入Toggle的范围时，会触发一次cc.Node.EventType.MOUSE_LEAVE；
然后又是cc.Node.EventType.MOUSE_MOVE

CocosCreator
#Cocos Creator
Cocos Creator 触摸事件穿透
https://blog.rustfisher.com/2020/12/26/CocosCreator/ccc-touch-event/
作者
Rust Fisher
发布于
2020年12月26日
许可协议