cc.Node.事件-阿里云开发者社区

开发者社区> 技术小胖子> 正文

cc.Node.事件

简介:
+关注继续查看

触摸事件

1.触摸事件的类型:START触摸启动,MOVED移动,ENDED弹起来,CANCEL取消;

ENDED和CANCEL区别是ENDED物体内弹起来,CANCEL是在物体外范围弹起。


2.监听触摸事件,node.on(类型,callback,target(回调函数的this),[useCapture])



3.触摸事件,node.on(类型,callback,target(回调函数的this),[useCapture])


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
      //(1)监听触摸事件 向引擎底层注册回调函数
        //当有触摸事件发生等时候,调这个方法
        //cc.Node.EventType.TOUCH_START 触摸开始
         
 
        //(2)回调函数等格式 function(t) t对象是tt.Touch的对象
        //这个对象包含的信息有[触摸信息,事件信息];
         
        //(3)target 目标谁来调等callback 哪个对象来调用等这个callback
        //那就是哪个对象在callback来绑定实例,target就是里面this对象
     
        //最后一个参数默认即可
     onLoad: function() {
        this.node.on(cc.Node.EventType.TOUCH_START,
            function(t){console.log("cc.Node.EventType.TOUCH_START ")},this)
        this.node.on(cc.Node.EventType.TOUCH_MOVE,
            function(t){console.log("cc.Node.EventType.TOUCH_MOVE ")},this)
             
        this.node.on(cc.Node.EventType.TOUCH_END,
            function(t){console.log("cc.Node.EventType.TOUCH_END ")},this)
             
        this.node.on(cc.Node.EventType.TOUCH_CANCEL,
            function(t){console.log("cc.Node.EventType.TOUCH_CANCEL ")},this)
     },



4.如果这时候 不想监听了 就可以通过off来关闭, 但是你的,

callback不要是匿名函数,要用一个函数对象来保存

1
2
3
    on_touch_moved:function(t){
        console.log("cc.Node.EventType.TOUCH_END ");
    },



5.关闭注册

1
2
    this.node.off(cc.Node.EventType.TOUCH_END,
        this.on_touch_moved ,this)




6.移除目标上的所有事件

targetoff(target)




7.cc.Touch

getLocation 获取当前触点位置 做下角(0,0)为起始点

getDelta 获取触点距离上一次事件移动的距离对象,对象包含 x 和 y 属性




8.cc.Touch 同时包含 cc.Event事件

父节点移动那么所有的子节点都移动,那也就是("父节点是包含了

整个子节点的一个整体"),那这个整体其中一个成员收到来一个事件,

这时候这事件会向上传递,就是说你的一个子节点有一个事件发生后, 

父节点是可以收到等,这个就叫做事件等向上传递,事件冒泡。


如果子节点觉得这是一个私有事件,不想向上传递,想挡住这个事件,

stopPropagationImmediate//立即停止事件传递

stopPropagation停止传递当前事件。




9.按键事件

按键分类:按下EventType.KEY_DOWN,弹起KEY_UP

注册键盘事件

注意systemEvent是小写开头,

大写是类, 

小写是全局实例 他的说明是:系统事件单例,方便全局使用.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
     onLoad: function() {
        //按键被按下
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_DOWN,
            this.on_key_down,this);
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_UP,
            this.on_key_up,this);
     },
    on_key_down: function(event){
        //获取按键 每个按键对应一个按键码
        //event对象带有keyCode 按键码
        //按键码在cc.KEY里面定义的
        console.log("按下");
        switch(event.KeyCode){
            case cc.KEY.space:
                console.log("空格按下");
            break;
        }
    },
    on_key_up: function(event){
         switch(event.KeyCode){
            case cc.KEY.space:
                console.log("空格弹起");
            break;
        }
    },




10.自定义事件

自己定义的事件,比如我要向你发送一个通知.

监听:this.node.on("自定义事件名",function,target,useCapture);

触发(派发事件):emit("事件名",[detail]) 只有自己能收到

冒泡派送:dispatchEvent(new cc.Event.EventCustom("name",是否冒泡传递))

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
onLoad:function(){
        //接收者 
        //事件类型是自定义字符串等 为事件名字
        //回调函数 参数Event.EventCustom的实例
        this.node.on("pkg_event",function(e){
            console.log("pkg_event");
            //输出自定义事件传过来等 自定义数据
            console.log(e.detail.name);
        },this);
        //end
         
        //发送者  直接触发事件
        //这种方法不会对事件传播到任何其他对象
        //也就是说这个事件只能传给自己
        //detail Object 事件的详细数据
        //可以传递自定义数据 比如说传一个表
        this.node.emit("pkg_event",{name:"下面"});
        //end
 
    },

如果我们要把这个事件向上发送

1
2
3
4
5
6
7
8
9
        //如果这个事件要向上传递,也就是不只是传给自己
        ////true向上传递 false不向上传递
        var ea = new cc.Event.EventCustom("pkg_event",true);
        //自定义数据
        ea.detail = {name:"小王"};
        //指定这个事件向上传递 
        this.node.dispatchEvent(ea);
         
        //end

父节点接收事件 脚本

1
2
3
4
5
6
     onLoad :function() {
        this.node.on("pkg_event",function(e){
            console.log("父节点收到冒泡");
            console.log(e.detail.name);
        },this);
     },






 本文转自超级极客51CTO博客,原文链接:http://blog.51cto.com/12158490/2064394,如需转载请自行联系原作者


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
nodejs事件和事件循环简介
熟悉javascript的朋友应该都使用过事件,比如鼠标的移动,鼠标的点击,键盘的输入等等。我们在javascript中监听这些事件,从而触发相应的处理。 同样的nodejs中也有事件,并且还有一个专门的events模块来进行专门的处理。 同时事件和事件循环也是nodejs构建异步IO的非常重要的概念。 今天我们来详细了解一下。
961 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9497 0
Node.js Event-loop事件循环
node.js事件循环 Node.js 是单进程单线程应用程序,但是通过事件和回调支持并发,所以性能非常高。 Node.js 的每一个 API 都是异步的,并作为一个独立线程运行,使用异步函数调用,并处理并发。
1071 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13186 0
nodejs事件和事件循环详解
上篇文章我们简单的介绍了nodejs中的事件event和事件循环event loop。本文本文将会更进一步,继续讲解nodejs中的event,并探讨一下setTimeout,setImmediate和process.nextTick的区别。
185 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
11508 0
nodejs的事件处理机制以及事件环机制
nodejs的事件处理机制以及事件环机制 ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使用module.exports导出接口。
1304 0
21119
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载