cocos creator：短按、长按、双击

最新推荐文章于 2025-07-07 00:21:17 发布

原创最新推荐文章于 2025-07-07 00:21:17 发布 · 4.9k 阅读

14 ·

CC 4.0 BY-SA版权

cocos creator 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了在Cocos Creator中实现游戏按钮的点击、长按、短按及双击事件处理方法。通过使用装饰器和事件监听，文章展示了如何在组件中设置不同类型的触摸事件，并通过状态判断来区分各种触碰行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const {ccclass, property} = cc._decorator;

@ccclass
export default class NewClass extends cc.Component {

    

    holdTimeEclipse = 0;    //用来检测长按
    holdClick = false;       //用来检测点击
    doubleTimeEclipse = 0;   //用来检测双击
    hold_one_click = 0;      //用来检测单击
    // LIFE-CYCLE CALLBACKS:

    onLoad () {
        this.node.on(cc.Node.EventType.TOUCH_START,function(event){
            this.holdClick = true;
            this.holdTimeEclipse = 0;            
        },this);

        this.node.on(cc.Node.EventType.TOUCH_END,function(event){           
            this.holdClick=false;
            if(this.holdTimeEclipse>=30)
            {                
                this.btn_status('long');                
            }
            else
            {                
                this.btn_status('short');                
            }    
            //开始记录时间
            this.holdTimeEclipse=0;            
        },this);
    }

    btn_status(status){
        if(status == 'short')
        {
            console.log(this.hold_one_click)
            this.hold_one_click ++;
            setTimeout(() => {
                if(this.hold_one_click == 1)
                {
                    console.log('short');
                    this.hold_one_click = 0;
                    
                } 
                else if(this.hold_one_click == 2)
                {
                    console.log('double');
                    this.hold_one_click = 0;
                }              
            }, 400);
            
        }
        else
        {
            this.hold_one_click = 0;
            console.log(status);
        }
        
    }

    start () {

    }

    update (dt) {
        if(this.holdClick)
        {
            this.holdTimeEclipse++;
            if(this.holdTimeEclipse>120)//如果长按时间大于2s，则认为长按了2s
            {
                this.holdTimeEclipse=120;
            }
        }
    }
}