Adding a Double-Click Listener to a Cocos Creator Node

The following component detects a double click by measuring the interval between two TOUCH_END events:

const { ccclass } = cc._decorator;

@ccclass
export default class DoubleClickHandler extends cc.Component {
    private lastClickTime = 0;
    private readonly doubleClickInterval = 300;

    onLoad() {
        this.node.on(cc.Node.EventType.TOUCH_END, this.onTouchEnd, this);
    }

    onDestroy() {
        this.node.off(cc.Node.EventType.TOUCH_END, this.onTouchEnd, this);
    }

    onTouchEnd(event: cc.Event.EventTouch) {
        const currentTime = Date.now();

        if (currentTime - this.lastClickTime <= this.doubleClickInterval) {
            console.log('Double click!');
            // Run the double-click action here.
        }

        this.lastClickTime = currentTime;
    }
}

doubleClickInterval is the maximum time, in milliseconds, allowed between the two clicks. Adjust it to suit the interaction. Removing the listener in onDestroy prevents a stale callback from remaining after the component is destroyed.