cocos creator学习(七)触摸和键盘事件总结
2017-08-25 18:16
197 查看
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.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);
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);
相关文章推荐
- 【图形化编程软件】 sikuli常用函数、简单事件操作 键盘操作 个人总结笔记
- Android键盘和触摸事件处理
- android触摸事件传递机制以及onInterceptTouchEvent()和onTouchEvent()总结
- 总结Selenium WebDriver中一些鼠标和键盘事件的使用
- 转:总结Selenium WebDriver中一些鼠标和键盘事件的使用
- dialog形式的activity屏幕触摸事件总结
- [转]Android键盘和触摸事件处理
- android键盘和触摸事件先后顺序处理
- cocos2d-x 3.0 动画与触摸事件总结
- 安卓触摸事件分发经验总结
- Android笔记:触摸事件的分析与总结----TouchEvent处理机制
- 键盘事件keydown、keypress、keyup随笔整理总结
- Android键盘和触摸事件处理
- Vue键盘事件用法总结
- 常用鼠标事件,键盘事件总结
- 键盘和鼠标事件总结
- 触摸事件的分析与总结----TouchEvent处理机制
- 阶段性总结⓵触摸事件&手势识别⓶Quartz2D绘图⓷CALayer图层⓸CAAnimation⓹UIDynamic UI动力学⓺KVC&KVO
- 键盘事件keydown、keypress、keyup随笔整理总结
- Android触摸事件总结