cocos creator踩坑日记之同级node touch事件可以代替BlockInputEvents组件

最新推荐文章于 2024-05-19 16:01:52 发布
原创 最新推荐文章于 2024-05-19 16:01:52 发布 · 792 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#游戏开发 #javascript

本文介绍了在Cocos游戏中，由于节点的触摸事件注册导致的点击穿透问题。当一个节点(node1)注册了`cc.Node.EventType.TOUCH_END`事件并覆盖了同层级的另一个节点(node0)时，即使禁用了node1的`BlockInputEvents`组件，node0的点击事件仍然被屏蔽。通常，我们使用`BlockInputEvents`来防止点击穿透，但在这个情况下，节点的触摸监听器成为了决定因素。官方文档也支持了这一结论。理解这一行为对于优化游戏交互和处理UI事件至关重要。

版本2.4.4

亲测得到的结论

在同层级的两node的下  node1  node0 两个在一个父节点下      node1比node0显示高一些

node1 注册的touch事件如下

this.node.on(cc.Node.EventType.TOUCH_END, _this._touchEndEvent, this)

如果this.node注册了touch事件，并且this.node是和其他同级node是重叠的，就可以屏蔽其他同级node(这里的node0)的点击事件，起到和BlockInputEvents一样的作用

 

一般我们都是通过给node添加BlockInputEvents事件来屏蔽下层的点击触摸，防止点击穿透到下层

我把node1的 BlockInputEvents组件enabled设置false了 但是node0还不能点击，后来经过测试时node1注册了touch事件的原因

下面是cocos 官方的说明

 

 

 

cocos creator Touch事件应用(触控选择多个子节点的实例)
08-29
Cocos Creator Touch事件应用可以实现各种触控选择、拖拽、缩放等功能，本文主要介绍了触控事件的原理、父节点不响应触控事件、触控位置、节点是否被触控到、判断是否框选中等知识点，希望能够帮助您更好地理解和...
cocos creator 3.8 事件派送、监听、移除
最新发布
11-21
除了手动管理事件监听器外，Cocos Creator 3.8也支持使用组件系统和Node树来自动管理事件监听器。例如，组件可以注册它们感兴趣的事件，并在组件激活或禁用时自动添加或移除监听器。Node节点也可以添加事件监听器，...
cocos新手引导的遮罩组件
weixin_34064653的博客
08-06 1538
2019独角兽企业重金招聘Python工程师标准>>> ...
cocos creator BlockInputEvents 无法屏蔽穿透输入框问题
易博客
04-17 1900
cocos creator 版本 2.1.1 今天遇到一个问题 使用 BlockInputEvents 的时候发现 该组件 无法屏蔽 cc.EditBox 输入框 输入事件。 先上图： 网站找也没有找到正确的解释： 这里发现其他按钮事件是可以屏蔽的。 原因应该是在鼠标经过的时候 输入框（editbox）触发了全局光标事件，鼠标移动到这里会变成输入模式。应该是这个原因导致 BlockI...
cocos creator 3.8让UI挡住鼠标点击BlockInputEvents
brook0344的专栏
05-19 660
该组件将拦截所属节点尺寸内的所有输入事件（鼠标和触摸），防止输入穿透到下层节点，一般用于上层 UI 的背景。Node加BlockInputEvents组件防止穿透,防透点。有一个按钮浮在屏幕上，点击按钮，触发处理按钮点击事件，该组件没有任何 API 接口，直接添加到场景即可生效。希望点击按钮时，截断所有鼠标点击，不要触发单位移动。鼠标点地就是移动选中单位（RTS游戏操作）同时导致点地移动单位移动（射线监测实现）
cc.Node.事件
weixin_34260991的博客
11-15 337
触摸事件 1.触摸事件的类型:START触摸启动,MOVED移动,ENDED弹起来,CANCEL取消; ENDED和CANCEL区别是ENDED物体内弹起来,CANCEL是在物体外范围弹起。 2.监听触摸事件,node.on(类型,callback,target(回调函数的this),[useCapture]) 3.触摸事件,node.on(类型,...
cocos cretor 踩坑日记之屏蔽点击前touchStart 不放手，屏蔽点击后touchEnd不触发问题
github_38633141的博客
03-31 996
我发现了一个问题，关于层级变化导致的touchEnd触发问题 有一个界面是全屏屏蔽点击 我们叫prefab1，有一个遥杆区域名字是rocker， 我先把摇杆区域rocker的层级zIndex提高在prefab1的上面，可以看到层级变化，这时候我开始触摸摇杆，一直不放手，在touch中 然后我把摇杆rocker的层级zIndex调整到prefab1的下面，看到层级明显变化，这时候没有执行摇杆的touchEnd，我只能自己手动执行以下touchEnd，角色才停止移动 然后最后我放手以后，执行了touch
cocos3.8节点事件
tongueer的博客
11-03 1159
this.node.on this.node.on(eventType, callback, [target], [useCapture]); 在Cocos Creator 3.8中，this.node.on用于在节点上注册监听特定的事件。这个方法能让你在游戏过程中，根据用户的交互或者其他游戏事件，执行特定的逻辑操作。 参数说明： eventType：字符串类型，表示要监听的事件名称。 callback：函数类型，当事件被触发时，这个函数会被调用。 target：可选参数，指定回调函数的this对
cocosCreator日历组件(Ts）
12-31
《CocosCreator日历组件（Ts）详解及应用》 CocosCreator是一款强大的2D游戏开发引擎，它提供了丰富的工具集和组件系统，使得开发者能够高效地构建游戏和交互式应用。在CocosCreator中，日历组件是实现时间选择功能...
cocosCreator预览节点树
03-18
该组件可在cocosCreator浏览器预览游戏时显示当前的节点树，并随时跟新
用BlockInput函数屏蔽输入操作
03-23
用BlockInput函数屏蔽输入操作  软件测试　　BlockInput是Windows提供的API，可以用来屏蔽Windows上的鼠标、键盘操作。如果在屏蔽的过程中，想要解锁，可以使用CTRL+ALT+DEL。　　由于BlockInput封装于user32.dll，所以使用前必须通过dll进行引用。下面的代码在SilkTest6.5中运行通过。首先设定屏蔽输入，然后sleep10秒，然后解除屏蔽。原文转自：http://www.ltesting.netwindow._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":
cocos creator 学习： UI弹窗遮罩屏蔽触发事件的处理
热门推荐
LIYIFRED的博客
08-23 1万+
所遇情况： 游戏场景中，会设计很多的UI弹窗，当弹窗出现后，点击UI界面后却触发场景中的按钮、触摸事件。 解决办法：在UI上添加组件：BlockInputEvents 实图： 添加组件——> 添加UI组件——> Block Input Events 注意：在做UI效果时，记得把挂载BlockInputEvents组件节点的active = false 或者此组件的 enabl...
cocosCreator 之 组件触摸事件汇总
鹤九日的博客
07-25 1976
cocosCreator 组件触摸事件汇总，及UITransform和BlockInputEvents防透点的说明
cocos creator 小技巧
dachicun的博客
01-26 271
cocos creator 节点覆盖 被覆盖的节点有点击事件响应
Cocos Creator防止点击穿透
D____X0的博客
04-09 6782
问题背景：弹出对话框后，底层背景上的元素没有被遮挡，仍然会响应点击事件 解决方法：在需要阻止穿透的节点（如弹窗）添加BlockInputEvents组件即可 文字截图来自官方文档，链接如下： https://docs.cocos.com/creator/manual/zh/components/block-input-events.html 附带组件位置截图： ...
cocos creator四种事件
yiyezhichen的博客
01-18 6379
1、cocos creator接受的系统事件有四种 鼠标、触摸、键盘、重力传感四种。 其中鼠标事件和触摸事件，这些时间是被直接触发在相关节点上的，所以统称为节点系统时间。 与之对应的键盘和重力事件被称为全局系统事件。 鼠标事件类型 cc.Node.EventType.MOUSE_DOWN:当鼠标在目标节点区域按下时触发一次
Cocos Creator 入坑笔记
YZi_Angel的专栏
10-10 597
这里将会记录一些需要注意的点，后期会慢慢往上添加新内容。 1、不要调用 audioEngine.stopAll 方法，会有问题的！ 2、动态增加和删除节点的时候需要手动调一下 updateChildComponents（内部方法，外部人员可以忽略）。这个如果对子节点过滤state，可以重写filterSubState这个方法 3、收集节点level（内部方法，外部人员可以忽略）。默认是1级，修改时...
cocos添加节点事件的3种方式
trayvontang的博客
01-28 2357
其实，这种方式就是第1中的代码实现方式，手动在clickEvents添加了事件，而不是再cocos属性检查器中配置。点击事件Event的类型是：EventTouch(手机、浏览器手机模式)或者EventMouse(电脑)这种方式，就不需要在cocos中绑定了，只需要给button添加脚本组件即可。这样绑定，也可以捕获到单击和双击事件，双击事件会被当场2次单击。这样绑定，可以捕获到单击和双击事件，双击事件会被当场2次单击。但是没有办法自定义事件数据，事件的参数也是button本身。
CocosCreator:TOUCH_END事件的触发时机
bark2003的专栏
06-04 457
如题，该事件的触发是有一定规律的。在CocosCreator1.4.2中，节点可以接收四个触摸消息，如下：(官方文档:http://www.cocos.com/docs/creator/api/classes/Node.html)node.on(cc.Node.EventType.TOUCH_START, callback,this.node);node.on(cc.Node.EventType....
CocosCreator下Node.js与JavaScript开发笔记
如果文档标题中的“creator nodejs js笔记”是指在Cocos Creator游戏开发中结合Node.js进行后端服务的开发，则该文档可能包含了如何使用Node.js搭建RESTful API、使用Express.js等框架创建Web服务器、进行数据库...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值