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

最新推荐文章于 2024-11-25 16:54:21 发布

kgdtl

最新推荐文章于 2024-11-25 16:54:21 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Layabox

本文链接：https://blog.csdn.net/kgdtl/article/details/80979259

Layabox 专栏收录该内容

2 篇文章

订阅专栏

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

/*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

分享到新浪微博

扫一扫
举报

举报

专栏目录

Qml 透明窗口，设置不规则等透明窗口，鼠标可穿透到桌面

波风水门

07-05

2308

前言最近有个需求，在PC端做一个悬浮按钮加一个主界面窗口，主界面上又很多子界面，悬浮按钮需要一直存在，主界面显示时，点击悬浮按钮，主界面达到隐藏，真能看到悬浮按钮，再次点击悬浮按钮主界面显示，如何做出来了？需求很简单，但是实现很麻烦啊，因为我的悬浮按钮是对等的，也就是说左右隔一个，很多人觉得就是将主窗口缩小成悬浮按钮大小就行了，如果是只有一个时还可以这样取巧，但是左右各一个时不能这样，只能隐藏主界面控件，下面看我的详细分析讲解实现，该项目实现后可做GIF录屏软件等穿透性工具！讲解步骤用过Qml的自然知

QT软件开发: 窗口鼠标事件穿透

08-16

2392

一、需求弹出的子窗口要顶置在最前面，播放指定的动画，不能有任务栏图标，不能影响鼠标操作窗口背后的其他界面。（相当于桌面动画效果）二、效果示例三、子窗口代码 3.1 form.h #ifndef FORM_H #define FORM_H #include <QWidget> #include <QStyleOption> #include <QPainter> #include <QMouseEvent> #include &..

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

Laya UI 穿透问题与mouseEnabled属性

crazy_yun的博客

08-23

1357

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

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

郭大qi的博客

11-28

1323

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

stopPropagation

goodyatou的专栏

10-15

808

段落文本内容 // 为所有div元素绑定click事件 $("div").click( function(event){ alert("div-click"); } ); //为所有p元素绑定click事件 $("p").click( function(event){ alert("p-click"); } )

stopPropagation()与stopImmediatePropagation()

AS3

01-16

538

stopPropagation() 与 stopImmediatePropagation() 都能阻止后续的侦听行为，即能阻挡掉事件流中事件的冒泡，简而言之就是让后面的侦听都不执行。两者的区别在于，stopImmediatePropagation 会让当前对象的次优先级的所有监听都不执行，一般情况下两者用哪个都可以，但比如下面代码，这种使用stopImmediatePropaga...

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

04-08

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

Cocos Creator 教程：如何防止节点触摸事件“穿透”到背景

最新发布

qq_35327732的博客

11-25

1601

在 start 方法中，为当前节点注册触摸事件，包括 TOUCH_START、TOUCH_END、TOUCH_MOVE 和 TOUCH_CANCEL，并绑定到 blockTouch 方法上。在游戏开发中，常常需要在弹窗或特定节点上阻止触摸事件向下传播，以避免影响背景层的节点交互。例如，当一个弹窗出现时，玩家触摸弹窗区域，应该只影响弹窗，而不应该触发背后场景中的点击事件。通过以上方法，您可以轻松解决节点触摸事件穿透的问题。如果场景中有多个弹窗，建议在管理弹窗的同时，确保只有一个弹窗是激活状态，避免冲突。

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

09-05

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

stopImmediatePropagation和stopPropagation (事件、防止侦听）

weixin_30846599的博客

08-15

324

参考： ActionScript 3.0 Step By Step系列(六)：学对象事件模型，从点击按扭开始 actionscript宝典一、事件模型 egret中的事件模型和flash是一样的，但是年代太久了，都忘了。之前貌似是看殿堂之路还是哪本书，记不清了。二、测试下面测试一下，当有3个层级的对象监听事件时，事件触发的顺序。创建3个方块，分别为...

Laya

qq_35433081的博客

08-09

812

官网：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 Sprite

JunChow

09-22

1717

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

如何解决鼠标的穿透问题

wk201403010114的博客

10-25

1272

using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; /// /// 测试鼠标穿透问题 /// public class Test : MonoBehaviour {

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

JPF29

07-02

2549

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

laya fgui 超简单的UI框架

nuolo

06-21

3068

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

layer frame 点击穿透

wsxc451的专栏

01-02

684

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

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

weixin_42835782的博客

01-20

4570

例如： <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

实现鼠标穿透桌面与父窗口的示例

这需要在父窗口上设置特定的属性或回调函数，使得当鼠标事件发生在这些特定元素上时，事件消息不会被父窗口处理，而是直接传递到下面的子窗口。 ### 知识点四：编程实现方法具体到编程实现，通常需要使用Windows ...