cocos creator学习笔记2——事件响应

触摸事件

基本事件类型	相应事件
TOUCH_START	触摸开始事件
TOUCH_MOVE	在屏幕上目标节点区域内移动时
TOUCH_END	在目标节点区域内离开屏幕时
TOUCH_CANCEL	在目标节点区域外离开屏幕时

cocos中所有事件都能够使用监听函数监听这类事件
使用Node.on(EventType,callback,target,useCapture)注册函数进行监听事件触发
1.callback函数中传入一个触摸对象
2.callback函数中的this对象指向target

cc.Touch

callback内传入的是一个cc.Touch对象，以下为常见的cc.Touch方法

getLocation()

可以返回触摸位置信息对象

this.node.on(cc.Node.EventType.TOUCH_START,function(e){
      var pos = e.getLocation();
      cc.log(pos);
},this);

 
 

 
 
1
2
3
4

Delta()

可以返回距离上次触摸偏移量,因此可以利用下列代码实现节点随触摸移动而移动

start(){
    this.node.on(cc.Node.EventType.TOUCH_MOVE,function(e){
          var delta = e.getDelta();
          this.node.x += delta.x;
          this.node.y += delta.y;
    },this);
},

 
 

 
 
1
2
3
4
5
6
7

事件传递

cocos内，节点是往父节点上传递的
stopPropagationImmediate()与 stopPropagation()

按键事件

基本事件类型	相应事件
KEY_DOWN	按键按下
KEY_UP	按键弹起

与触摸事件同理，需要一个函数监听，即事件注册函数
cc.systemEvent.on(EventType,callback,target,useCapture)

keyCode

KEY是cc模块的枚举类型，结合switch()使用

cc.systemEvent.on(cc.SystemEventType.KEY_DOWN,function(e){
    switch(e.keyCode){
        case cc.KEY.space:
             cc.log("space key down");
             break;
    }
},this);

 
 

 
 
1
2
3
4
5
6
7

自定义事件

自定义事件需要监听与发送事件

自定义事件的接收者on

this.node.on(string,callback.target,useCapture);
其中第一个参数为自定义的字符串
可以接收发送过来的事件(字符串)

自定义事件的发送者emit

this.node.emit(string,[detail]);
第二个参数是一个表，可以从callback传入的对象中访问

向上派送事件EventCustom

dispatchEvent(new cc.Event.EventCustom(“name”, bool));
第二个参数告诉编译器是否向上传递派送事件

注销事件监听

off(type,callback,target,useCapture)删除之前与同类型，回调，目标或 useCapture 注册的回调,例如：

test:function(e){
    cc.log("test");
},
this.node.on(cc.Node.EventType.TOUCH_MOVE,this.test,this);
this.node.off(cc.Node.EventType.TOUCH_MOVE,this.test,this);

 
 

 
 
1
2
3
4
5

还可以使用targetoff(target)，移除这个目标所有事件监听

this.node.on(cc.Node.EventType.TOUCH_MOVE,this.test,this);
this.node.targetoff(this.node);

 
 

 
 
1
2