前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >cocosCreator节点添加双击事件

cocosCreator节点添加双击事件

作者头像
南锋
发布2023-10-15 14:05:11
3420
发布2023-10-15 14:05:11
举报
文章被收录于专栏:淡忘的博客淡忘的博客

代码:

代码语言:javascript
复制
const { ccclass, property } = cc._decorator;

@ccclass
export default class DoubleClickHandler extends cc.Component {
    private lastClickTime: number = 0;
    private readonly doubleClickInterval: number = 300; // 两次点击的时间间隔

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

    onTouchEnd(event: cc.Event.EventTouch) {
        const currentTime = new Date().getTime(); // 获取点击时的系统时间,时间戳
        if (currentTime - this.lastClickTime <= this.doubleClickInterval) {
            // your code
            console.log("Double click!");
        }
        this.lastClickTime = currentTime;  // 记录下点击时的系统时间
    }
}

在上面的代码中,我们创建了一个名为 DoubleClickHandler 的组件,监听节点的 TOUCH_END事件。当触摸结束时,它会计算两次触摸之间的时间间隔,如果时间间隔小于设定的阈值(doubleClickInterval),则会执行双击操作。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-08-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档