cocos creator入门教程（四）—— cc.Node事件响应(触摸事件、键盘事件、自定义事件)

最新推荐文章于 2025-11-14 19:14:33 发布
原创 最新推荐文章于 2025-11-14 19:14:33 发布 · 5.2k 阅读 · 12 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#cc.Node事件响应 #触摸事件 #键盘事件 #自定义事件

这篇教程介绍了Cocos Creator中cc.Node的事件响应，包括触摸事件的START, MOVED, ENDED和CANCEL类型，以及如何监听和关闭这些事件。键盘事件的监听使用cc.SystemEvent，并通过cc.KEY枚举处理按键。此外，还讲解了自定义事件的创建、监听和派发，包括冒泡传递。最后预告了下一篇文章将探讨cc.Node的坐标空间。" 130511732,17673478,JNPF 3.4.7企业版：低代码开发与大屏设计框架,"['低代码', 'Java', '.NET', '开发框架', '身份认证']

触摸事件

  • 触摸事件类型: START, MOVED, ENDED(物体内), CANCEL(物体外);
  • 监听触摸事件: node.on(类型, callback, target(回掉函数的this), [useCapture]);
  • 关闭触摸事件: node.off(类型, callback, target(回掉函数的this), [useCapture]);
  • targetOff (target): 移除所有的注册事件;
  • 回掉函数的参数设置  function(t(cc.Touch))
  • cc.Touch: getLocation返回触摸的位置;getDelta返回距离上次的偏移;
  • cc.Event: stopPropagationImmediate/stopPropagation 停止事件的传递;
  • 事件冒泡: 触摸事件支持节点树的事件冒泡,会从当前前天往上一层一层的向父节点传送;
  • 完成物体跟随手指触摸的案例;

 

键盘事件

  • cc.SystemEvent.on(type, function, target, useCapture);    type: cc.SystemEvent.EventType.KEY_DOWN  按键按下;          
最低0.47元/天 解锁文章
技术分享：NodeJS中的Events(事件触发器)讲解
xiaoxijinger的博客
03-31 1783
在 Node.js 中，Event是非常核心的模块，大部分的核心模块基本上都有用到或者继承了该模块。 Event模块和我们之前在Javascript中学习的EventTarget接口很类似。对于该模块我们能做的不仅仅是简单的使用还可以在该模块的基础上做出扩展，你想想JS中的onclick、onmousemove 不罗嗦，直接上代码！ 因为事件模块属于比较抽象的东西，所以不太适合用大篇幅的语言来描述它，所以我决定直接上代码，先实现功能看效果再说。下面就一起来体验下这个模块的功能吧。 对自定义类进行扩展 在前端
Node监听鼠标键盘事件,定时发消息小程序，解决robotjs不支持输入汉字问题！
热门推荐
月城先生的博客
03-02 1万+
Nodejs定时发消息小程序，解决robotjs不支持输入汉字问题+node监听鼠标键盘事件！吹啊！吹啊！我骄傲的放纵··· 写了一上午长篇大论，中午出去吃个饭回了都没了，桑心，蛋疼，心烦， 说了多少遍叫我月城少主！月城少主！！！ 开启第一步：nodejs实现复制文本到剪切板！ 缘由: 为啥要复制到粘贴板呢，缘由就是robotjs这货不支持输入中文，这个没法说毕竟编程还是老外居多嘛 ···
cocos的Input.EventType.TOUCH_START和Node.EventType.TOUCH_START有啥区别
m0_58528895的博客
11-14 345
CocosCreator中Input.EventType.TOUCH_START和Node.EventType.TOUCH_START的区别
cocos creator 的事件响应
烟雨星空的博客
05-26 2308
一、触摸事件 监听触摸事件 this.node.on(EventType,callback,target,[useCapture]) 例： this.node.on(cc.Node.EventType.TOUCH_START,function(e){ console.log("TOUCH_START"); },this); 1.EventType代表事件类型 事件类型 ...
<7>Cocos Creator 节点 cc.Node
jadeshu的博客
11-06 9264
1.简介     节点(cc.Node)是渲染的必要组成部分。所有需要在游戏场景中显示的内容都必须是节点或者依附于节点之上。节点负责控制显示内容的位置、大小、旋转、缩放、颜色等信息。  2.节点属性 1: name: 获取节点的名字 2: active: 设置节点的可见性; 3: position: 相对坐标,参照物是父亲节点; 4: rotation: 旋转,顺时针为正, 数学逆时针为正...
quick-cocos2d-x游戏开发【10】——触摸捕获事件 cc.NODE_TOUCH_CAPTURE_EVENT
wangdi的游戏社区
08-29 6745
如果看过sample中touch的代码，你会发现示例中有一个cc.NODE_TOUCH_CAPTURE_EVENT事件，它和cc.NODE_TOUCH_EVENT触摸事件一样，是引擎级别的事件，我们来看看它和触摸事件的区别。 触摸捕获事件的优先级要比触摸事件要高，换句话说，触摸捕获事件会比触摸事件先响应，并且有权不分发给触摸事件响应。 对于一个完整的捕获+触摸事件，有这么一个流程：
cocos creator入门教程（五）—— cc.Node坐标空间
标题
08-27 1758
cc.Vec2 cc.Vec2 二维向量坐标, 表结构{x: 120, y: 120}; cc.v2(x, y) 创建一个二维向量 cc.p() 创建一个二外向量 cc.pSub: 向量相减 cc.pAdd: 向量相加; cc.pLength: 向量长度; //坐标位置3种方法--1 var w_pos = new cc.Vec2(100,100)...
cocos creator入门教程（六）—— cc.Action使用
标题
09-01 3223
Action类是动作命令，我们创建Action,然后节点运行action就能够执行Action的动作; Action分为两类: (1) 瞬时就完成的ActionInstant, (2) 要一段时间后才能完成ActionIntervial; cc.Node runAction: 节点运行action; cc.moveTo, cc.moveBy To: 目标 By: 变化 cc.roateB...
cocos creator入门教程（十四）—— cc.Mask_cc.Layout_cc.ScrollView组件使用详解
标题
10-16 1848
预制体 Mask Layout ScorllView组件使用 预制体 1: 制作预制体: 将节点拖入到assets文件夹下; 2: 加载预知体: 代码加载(统一在资源加载时讲解)与手动绑定; 3: 预制体对象实例化: cc.instantiate; cc.Class({ extends: cc.Component, properties: { // ...
cocos creator入门教程（七）—— cc.Component使用
标题
10-09 1555
组件入口函数 1: onLoad: 组件加载的时候调用, 保证了你可以获取到场景中的其他节点，以及节点关联的资源数据 2: start: 也就是第一次执行 update 之前触发 3: update(dt):组件每次刷新的时候调用,距离上一次刷新的时间(会在所有画面更新前执行) 4: lateUpdate(dt) 刷新完后调用(会在所有画面更新后执行); 5: onEnable: 启用这...
cocos源码二 《触摸事件系统》
z1067832450_的专栏
03-31 1079
DOM的输入事件通过CCInputManager转化成cocos的输入事件，由CCEventManager 分发给监听器。监听器在通过回调函数(begin/move/end/cancel)告知事件派发对象（eventTarget）派发事件。
Node.js-Node.js全局键盘和鼠标侦听器
08-10
Node.js全局键盘和鼠标侦听器
Node.js全局键盘和鼠标侦听器。-Node.js开发
05-27
关于Node.js全局本机键盘和鼠标侦听器。 该模块可以通过JavaScript / TypeScript应用程序内部和外部的本机挂钩处理键盘和鼠标事件。 发现了错误？ 关于Node.js全局本机键盘和鼠标侦听器。 该模块可以通过JavaScript / TypeScript应用程序内部和外部的本机挂钩处理键盘和鼠标事件。 发现了错误？ 有一个主意吗？ 随时发布问题或提交PR。 查看文档。 平台支持> = 0.6.0的版本仅支持正式支持的平台版本。 版本0.5.X是最后一个支持Electron <4.0.0的版本版本0.4.X是最后一个支持Node <8.0和1.0的节点。
cocosCreator 之 dispatchEvent事件分发
鹤九日的博客
10-25 1272
使用Node节点的冒泡派发，如果组件节点过多，可能会存在不够灵活和高效的问题。通过将事件相关注册到一个事件表中通过根据事件类型检测事件表中是否存在，如果存在则执行通过根据事件类型将事件相关从表中移除，如果存在则移除因此可封装一个简单的事件管理类：// 添加监听(事件类型名，回调，目标节点): any) {if (!i++) {if (!return i;// 移除监听(事件类型名，回调，目标节点): any) {if (!return;i++) {
CocosCreator 源码​event.js详解
weixin_50892911的博客
05-13 261
【代码】CocosCreator 源码​event.js详解。
Cocos Creator中使用事件中心
仓鼠
03-29 685
Cocos Creator中使用事件中心 export class EventCenter { /** 监听数组 */ private listeners = {}; /** * 注册事件 * @param name 事件名称 * @param callback 回调函数 * @param context...
CocosCreator学习笔记-官方教学-05-scripting-03-event（事件）
u011549406的专栏
03-20 1078
此章节有4个演示案例，分别是： EventInMask（事件遮罩）1 三个图片相互覆盖，可触摸滑动最上面的图片；2 更改图片的层级；3 消失一个图片 MousePropagation（鼠标传播） SimpleEvent（简单事件） TouchPropagation（触摸传播） 1/EventInMask（事件遮罩） 首先建立一个遮罩组（遮罩层+图片），步骤如下（并按此步骤重复制做三...
CocosCreator开发系列教程（七）：事件监听详解
qq_42182650的博客
03-08 1390
本章详细介绍Cocos Creator事件响应的相关内容
cocos Creator
W_han__的博客
01-23 936
消息传递：         var info ={             path:"prefabes/alerts/alert_chouse",             layerIndex:2,             showBack:false,             backName:"",             scriptName:"alert_chouse_scr
cocoscreator 代码写触摸事件没生效 cc.Node.EventType.TOUCH_START
最新发布
12-03
在 CocosCreator 代码中使用 `cc.Node.EventType.TOUCH_START` 编写触摸事件未生效，可从以下几个方面排查解决： ### 节点大小问题 node 对于触摸事件的捕捉是基于它本身的 size 范围的，如果这个 node 本身大小为 0，则无法响应捕捉事件。需要确保绑定事件的节点有合适的大小。例如，若节点大小为 0，可通过代码设置节点大小： ```javascript onLoad() { this.node.width = 100; this.node.height = 100; this.node.on(cc.Node.EventType.TOUCH_START, function (event) { cc.log("TOUCH_START event=", event.type); }); } ``` ### 节点是否激活 要保证绑定事件的节点处于激活状态。若节点未激活，触摸事件不会触发。可在编辑器中检查节点的激活状态，或者通过代码确保节点激活： ```javascript onLoad() { this.node.active = true; this.node.on(cc.Node.EventType.TOUCH_START, function (event) { cc.log("TOUCH_START event=", event.type); }); } ``` ### 事件绑定是否正确 检查事件绑定代码是否正确，要确保事件类型拼写无误，回调函数正常。示例代码如下： ```javascript onLoad() { this.node.on(cc.Node.EventType.TOUCH_START, function (event) { // 检查回调函数是否有错误 cc.log("TOUCH_START event=", event.type); }, this); // 注意这里的 this 参数，确保上下文正确 } ``` ### 节点层级和遮挡问题 如果节点被其他节点遮挡，触摸事件可能会被上层节点拦截。可以调整节点的层级顺序，确保绑定事件的节点在最上层。在编辑器中可通过调整节点的 Z 轴顺序来改变层级，也可通过代码设置： ```javascript onLoad() { this.node.zIndex = 1; // 提高节点层级 this.node.on(cc.Node.EventType.TOUCH_START, function (event) { cc.log("TOUCH_START event=", event.type); }); } ``` ### 触摸事件是否被禁用 检查是否有全局或局部的触摸事件禁用设置。例如，可能在代码中调用了 `cc.eventManager.setEnabled(false)` 禁用了所有事件，需要确保没有这样的设置。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值