[Cocos2d-js]长按按钮事件

墨蓝 2022-08-04 01:49 212阅读 0赞

定义两个全局变量

var bLeftButtonClick = false;
    var bRightButtonClick = false;
    
    var MainLayer = cc.Layer.extend({

监听事件

![复制代码][copycode.gif]

var sprite1 = cc.Sprite.create(res.btn_left_up);
            sprite1.setPosition(size.width/2 - 80, size.height/2 + 80);
            this.addChild(sprite1, 10);
            var sprite2 = cc.Sprite.create(res.btn_right_up);
            sprite2.setPosition(size.width/2, size.height/2);
            this.addChild(sprite2, 20);
    
            // Make sprite1 touchable
            var listener1 = cc.EventListener.create({
                event: cc.EventListener.TOUCH_ONE_BY_ONE, //TOUCH_ONE_BY_ONE 为单次触摸事件监听器
                swallowTouches: true,
                onTouchBegan: function (touch, event) {
                    var target = event.getCurrentTarget();
    
                    var locationInNode = target.convertToNodeSpace(touch.getLocation());
                    var s = target.getContentSize();
                    var rect = cc.rect(0, 0, s.width, s.height);
    
                    if (cc.rectContainsPoint(rect, locationInNode)) {
                        if (target == sprite2) {
                            bRightButtonClick = true;
                        } else if (target == sprite1) {
                            bLeftButtonClick = true;
                        }
                        // 需要返回true，否则不会调用后面的onTouchEnded方法
                        return true;
                    }
                    return false;
                },
                onTouchEnded: function (touch, event) {
                    var target = event.getCurrentTarget();
                    if (target == sprite2) {
                        bRightButtonClick = false;
                    } else if (target == sprite1) {
                        bLeftButtonClick = false;
                    }
                }
            });
    
            cc.eventManager.addListener(listener1, sprite1);
            cc.eventManager.addListener(listener1.clone(), sprite2);

![复制代码][copycode.gif]

在每帧刷新事件里面处理

![复制代码][copycode.gif]

// 定时任务
        update:function (dt) {
            this._ball.update(dt);
            this.checkIsCollide();
            if (bLeftButtonClick)
            {
                this._man.runLeft(dt);
            }
            else if (bRightButtonClick)
            {
                this._man.runRight(dt);
            }
        },

![复制代码][copycode.gif]

源引：http://www.cnblogs.com/linn/p/3658140.html

[copycode.gif]: /images/20220731/f5a3d48e4bdd4cfca6d56fcd50381c15.png

发表评论取消回复

表情：

评论列表（有 0 条评论，212人围观）

还没有评论，来说两句吧...

相关阅读

相关 creator 长按事件

在creator中使用长按 / bw 长按事件 node: 只能是节点 call: 长按触发的事件

心已赠人/ 2023年01月03日 04:59/ 0 赞/ 242 阅读

相关 html 长按事件坐标,HTML5-长按事件

长按我 var timeOutEvent=0; $(function()\{ $("\touchArea").on(\{ touchstart: function(e)

深藏阁楼爱情的钟/ 2022年10月06日 10:58/ 0 赞/ 252 阅读

相关手机网页取消长按事件

有两种实现方法： 1.如果针对某个特定的div，那么修改样式即可： -webkit-user-select: none;/禁用手机浏览器的用户选择功能 /

古城微笑少年丶/ 2022年09月26日 04:59/ 0 赞/ 240 阅读

相关 HarmonyOS（鸿蒙）——长按事件

本文已收录于专栏 [❤️《鸿蒙开发》❤️][Link 1] 欢迎各位关注、三连博主的文章及专栏，每周定期更新1-5篇基础文章，共勉！往期文章汇总-方便有需要的朋友直达：

冷不防/ 2022年09月04日 03:54/ 0 赞/ 362 阅读

相关 [Cocos2d-js]长按按钮事件

定义两个全局变量 var bLeftButtonClick = false; var bRightButtonClick = false;

墨蓝/ 2022年08月04日 01:49/ 0 赞/ 213 阅读

相关 cocos2dJS之接入微信公众JSSDK

1.申请公众号因为微信只能使用公众号接入SDK，所以我们必须先注册一个公众号。微信公众平台：[https://mp.weixin.qq.com/][https_mp.w

我会带着你远行/ 2022年07月25日 17:57/ 0 赞/ 229 阅读

相关 unity3d：ugui 长按按钮

using UnityEngine; using System.Collections; using UnityEngine.EventSystems;

拼搏现实的明天。/ 2022年05月23日 01:17/ 0 赞/ 282 阅读

相关 vue 长按离开屏幕事件

vue长按事件touch 2018年02月02日 17:16:09 阅读数：3621 1.touch事件以下是四种touch事件 touchstart:

淩亂°似流年/ 2022年05月16日 13:35/ 0 赞/ 226 阅读

相关 jQuery监听鼠标长按事件

jQuery监听鼠标长按事件 <script> var timeout;//用于存储定时器的变量 //moveLeft 表示需要监听长

谁借莪１个温暖的怀抱￠/ 2022年04月15日 03:06/ 0 赞/ 659 阅读

相关 H5长按事件

1 let timeOutEvent = 0 2 $(function () { 3 $('debug').on({ 4 to

左手的ㄟ右手/ 2022年03月27日 04:28/ 0 赞/ 324 阅读