LayaBox 不让子节点的鼠标事件穿透到父节点

最新推荐文章于 2022-01-20 16:29:40 发布

kgdtl

最新推荐文章于 2022-01-20 16:29:40 发布

阅读量3.2k

点赞数

分类专栏： Layabox

本文链接：https://blog.youkuaiyun.com/kgdtl/article/details/80979259

版权

Layabox 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在使用Laya实现父子节点结构时，如何通过在子节点的点击事件中调用stopPropagation方法来防止点击事件传递到父节点的技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*A是父节点，B是子节点
A和B都添加了鼠标监听
当点击子节点B的时候，不让鼠标事件穿透到A，那么在B的监听回调函数参数调用stopPropagation函数*/


this.on(Laya.Event.CLICK, this, (e: Laya.Event)=>{
  e.stopPropagation();
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kgdtl

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

鼠标穿透到桌面和穿透到父窗口Demo

04-08

本文章地址：... 遮罩层实现鼠标消息穿透（透明区域穿透，非透明区域不穿透）实现需求1：鼠标穿透实现需求2：软件分层构架的菜单穿透作者：红模仿 QQ:21497936 日期：2019年04月08日

Laya UI 穿透问题与mouseEnabled属性

crazy_yun的博客

08-23

1269

在UI制作过程中，常常遇到，在一个UI上绑定了一个点击事件，因为某些需要，需要在这个UI上添加一另一个UI作为遮罩，表示不希望当前UI的点击事件被触发。在不写代码的情况下，如果这个UI遮罩没有添加任何点击事件并且的mouseEnabled属性为Auto或者false时，这个时候UI遮罩并没有起到遮挡作用。这是因为 laya 引擎在设计时考虑到性能问题，UI默认不接受鼠标事件，将mouseEnabled属性设置为true后，UI遮罩将接受鼠标事件（相当于添...

1 条评论您还未登录，请先登录后发表或查看评论

Laya

qq_35433081的博客

08-09

781

官网：http://ldc.layabox.com/ 官方视频教程：http://layabox.ke.qq.com/ 文档：https://ldc2.layabox.com/doc/?nav=zh-ts-1-0-2 LayaAir功能介绍 LayaAir引擎主要包括引擎库与LayaAir IDE两大核心部分 LayaCloud与LayaNative是引擎的生态组合部分 L...

Laya 实操三：鼠标事件响应+键盘事件响应

JPF29

07-02

2461

鼠标事件响应 onMouseDown(e){ console.log("按下"); } onMouseMove(e){ console.log("移动"); } onMouseOut(e){ console.log("移出"); } onMouseOver(e){ console.log("进入"); } onMouseUp(e){ console..

关于今天在开发中遇到的点击事件穿透问题

郭大qi的博客

11-28

1286

开发中，通过使用drawerlayout添加侧滑菜单，因为内容只有俩个，所以通过简单的线性布局在侧滑菜单中加入点击按钮。发现在空白处进行点击的时候，发现会有点击穿透的现象。大部分的解决办法就是在侧滑侧单的父类控件中加入clickable=“true”即可解决。亲测可行。

Laya Sprite

JunChow

09-22

1597

游戏中Sprite精灵是在屏幕中能够被控制的显示对象，如果屏幕中的显示对象不能被控制那就只是一个节点。准确来说，Sprite精灵是一个能够通过改变自身属性，比如角度、位置、伸缩、颜色等，变为可控动画的2D图像。结构描述 Package laya.display.Sprite Class Laya.Sprite Inheritance Sprite / No...

对vue中的事件穿透与禁止穿透实例详解

10-16

总结来说，Vue.js的事件修饰符和JavaScript的`event.stopPropagation()`提供了阻止事件冒泡的机制，而CSS的`pointer-events`属性则允许我们控制元素是否响应鼠标事件，从而避免事件穿透问题。在实际开发中，根据具体...

QStackLaout实现窗口重叠，附带事件穿透、位置拖动、设置Qt::FramelessWindowHint大小下的拖拽功能

最新发布

06-04

当一个窗口部件被设置为透明或者半透明时，事件穿透允许底层的窗口部件接收并处理鼠标和键盘事件，即使它们被上面的窗口部件遮挡。这在实现交互式重叠窗口时非常有用。接着，我们讨论窗口的位置拖动。在Qt中，你...

C#winform窗体事件穿透代码.txt

10-27

代码已封装，仅一个方法，调用即可使想要的窗体或者控件变得不在触发事件，直接穿透到电脑桌面。适用于做屏保或者截屏或者一些小工具程序。

阻止子元素继承父元素事件具体思路及实现

09-05

通过这样的处理，我们成功地阻止了 `#p_cont` 的点击事件冒泡到 `#p_box`，实现了阻止子元素继承父元素事件的目标。在实际开发中，合理运用事件冒泡和阻止冒泡策略可以优化事件处理性能，避免不必要的事件处理和提高...

layer frame 点击穿透

wsxc451的专栏

01-02

656

使用了layer tab 发行,点击第二个tab. 在tab内再打开一个frame,点击frame,会发生点击穿透; 所以.我这里只能使用链接跳转的方式, 最后发现,是因为我配置了web自动刷新,BrowserSync+gulp; 弹框的页面注入了BrowserSync的js,然后父页面也注入的有BrowserSync的js,造成点击上层窗口,就是触发父级窗口出发点击事件; ...

laya fgui 超简单的UI框架

nuolo

06-21

2927

FairyGUI 超简单的UI框架 Laya使用fgui的超简单UI框架使用场景：用于使用fgui进行layaUI开发的程序人员整个框架分为3个模块，共有4个类: FGUIManager ：FGUI的管理类,继承于IUIManager 负责所有UI的打开关闭等事项 FUIBase ：UI的管理基类，具体实现 IUIManager ：FGUI的接口类规定管理类的各个方法 UI...

vue事件委托传递节点防止向下传递穿透

weixin_42835782的博客

01-20

4505

例如： <li @click="popSelect($event)"> <span>Bank Country</span> <input type="text" placeholder="Select bank country" v-model="model.bank_country" name="bank_country" readonly /> <van-icon name="arrow-down"></van-i

一个穿透事件问题的解决

ningcaicheng的专栏

01-28

1749

自定义类CCBContainer 继承关系改为public CCLayer class CCBContainer :public CCLayer//: public cocos2d::CCNode onTouchBegan return true 使得eventdispath 能够根据swallowstouches标志中断后续的事件分发 bool CCBContainer::init

LayaBox中父子元素的点击响应区分

Rajon_94的博客

08-08

1179

问题：在一个Panel中，动态添加子节点元素。同时为每个子节点元素添加鼠标点击事件。此时需要区分鼠标点击到的是子节点元素，还是点击的Panel中的空白区域。而Laya中你点击了panel区域，那么panel的鼠标事件始终是会响应的。解决方案：利用点击事件中的target,它只会获得最上层的元素在panel的鼠标响应事件中添加一段条件检测： i...

《laya 踩坑日记》layatree 可视化调试工具

weixin_41640571的博客

12-10

1617

简介：LayaTree是Chrome浏览器平台上的专门为Laya引擎设计的生产力工具。能在项目运行时阶段进行调试和修改。目前功能在不断迭代中，致力于实现类似于Unity编辑器的开发体验。相比于laya.debugtool.js在使用过程中导致的节点的强引用, LayaTree使用了索引缓存方案,在保证性能的同时,又避免了内存泄露的风险. Chrome商店下载地址：需要科学上网本地下载地址：LayaTree.zip 界面如下教程如下：最新安装包地址：LayaTree_1.0.2(安装方.