cocos creator学习（七）触摸和键盘事件总结

1、处理事件在节点(cc.Node)中完成的。对于组件可以通过访问节点this.node来注册和监听事件。监听事件可以通过this.mode.on(）函数来进行

this.node.on('mousedown',function(event){

         console.log('Hello');

});

也可以传入第三个参数taget,用于绑定相应函数的调用者。

//使用函数绑定

this.node.on('mousedown',function(event){

    this.enabled=false;

}.bind(this));

//使用第三个参数

this.node.on('mousedown',function(event){

    this.enabled=false;

},this);

2、cocos creator接受的系统事件有四种 鼠标、触摸、键盘、重力传感四种。

其中鼠标事件和触摸事件，这些时间是被直接触发在相关节点上的，所以统称为节点系统时间。

与之对应的键盘和重力事件被称为全局系统事件。

鼠标事件类型

cc.Node.EventType.MOUSE_DOWN:当鼠标在目标节点区域按下时触发一次                                   事件名：‘mousedown’

cc.Node.EventType.MOUSE_ENTER:当鼠标移入目标节点区域时，不论是否按下                           事件名：‘mouseenter’

cc.Node.EventType.MOUSE_MOVE:当鼠标在目标节点在目标节点区域中移动时，不论是否按下    事件名：‘mousemove’

cc.Node.EventType.MOUSE_LEAVE:当鼠标移动出目标节点区域是，不论是否按下                         事件名：'mouseleave'

cc.Node.EventType.MOUSE_UP:当鼠标从按下状态松开时触发一次                                                  事件名：‘mouseup’

cc.Node.EventType.MOUSE_WHEEL:当鼠标滚轮滚动时                                                                    事件名：‘mousewheel’

触摸事件

触摸事件在移动平台和桌面平台都会触发。

cc.Node.EventType.TOUCH_START:当手指触点露在目标节点区域时                                               事件名：‘touchstart’

cc.Node.EventType.TOUCH_MOVE:当手指在屏幕上目标点区域内移动时                                         事件名:'touchmove'

cc.Node.EventType.TOUCH_END:当手指在目标节点区域内离开屏幕时                                            事件名：‘touchend’

cc.Node.EventType.TOUCH_CANCEL:当手指在目标节点区域外离开屏幕时                                     事件名：'touchcancel'

其它事件名：

他们都只有事件名，没有对应的枚举对象定义。

'position-changed':当位置属性修改时

‘rotation-change’:当旋转属性修改时

‘scale-changed’：当缩放属性修改时

'size-changed':当宽高属性修改时

‘anchor-changed’:当描点属性修改时

全局系统事件

键盘事件和重力传感事件，是通过cc.systemEvent.on来绑定事件。

cc.SystemEvent.EventType.KEY_DOWN(键盘按下)

cc.SystemEvent.EventType.KEY_UP(键盘释放)

cc.SystemEvent.EventType.DEVICEMOTION(设备重力传感)

cc.systemEvent.on(cc.SystemEvent.EventType.KEY_DOWN,function(event){

},this);

cc.systemEvent.on(cc.SystemEvent.EventType.KEY_UP,function（event){

}，this）；