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

最新推荐文章于 2022-01-20 16:29:40 发布
最新推荐文章于 2022-01-20 16:29:40 发布
阅读量3.1k 收藏 1
点赞数
分类专栏： Layabox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kgdtl/article/details/80979259
版权 

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

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

kgdtl
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
如何解决鼠标的穿透问题
wk201403010114的博客
10-25 1180
using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; /// /// 测试鼠标穿透问题 /// public class Test : MonoBehaviour {
Laya UI 穿透问题与mouseEnabled属性
crazy_yun的博客
08-23 1141
在UI制作过程中，常常遇到，在一个UI上绑定了一个点击事件，因为某些需要，需要在这个UI上添加一另一个UI作为遮罩，表示不希望当前UI的点击事件被触发。 在不写代码的情况下，如果这个UI遮罩没有添加任何点击事件并且的mouseEnabled属性为Auto或者false时，这个时候UI遮罩并没有起到遮挡作用。 这是因为 laya 引擎在设计时考虑到性能问题，UI默认不接受鼠标事件，将mouseEnabled属性设置为true后，UI遮罩将接受鼠标事件（相当于添...
Laya
qq_35433081的博客
08-09 731
官网：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 2265
鼠标事件响应 onMouseDown(e){ console.log("按下"); } onMouseMove(e){ console.log("移动"); } onMouseOut(e){ console.log("移出"); } onMouseOver(e){ console.log("进入"); } onMouseUp(e){ console..
关于今天在开发中遇到的点击事件穿透问题
郭大qi的博客
11-28 1245
开发中，通过使用drawerlayout添加侧滑菜单，因为内容只有俩个，所以通过简单的线性布局在侧滑菜单中加入点击按钮。发现在空白处进行点击的时候，发现会有点击穿透的现象。大部分的解决办法就是在侧滑侧单的父类控件中加入clickable=“true”即可解决。亲测可行。
Laya Sprite
JunChow
09-22 1458
游戏中Sprite精灵是在屏幕中能够被控制的显示对象，如果屏幕中的显示对象不能被控制那就只是一个节点。准确来说，Sprite精灵是一个能够通过改变自身属性，比如角度、位置、伸缩、颜色等，变为可控动画的2D图像。 结构 描述 Package laya.display.Sprite Class Laya.Sprite Inheritance Sprite / No...
鼠标穿透到桌面和穿透到父窗口Demo
04-08
本文章地址：... 遮罩层实现鼠标消息穿透（透明区域穿透，非透明区域不穿透） 实现需求1：鼠标穿透 实现需求2：软件分层构架的菜单穿透 作者：红模仿 QQ:21497936 日期：2019年04月08日
对vue中的事件穿透与禁止穿透实例详解
10-16
总结来说，Vue.js的事件修饰符和JavaScript的`event.stopPropagation()`提供了阻止事件冒泡的机制，而CSS的`pointer-events`属性则允许我们控制元素是否响应鼠标事件，从而避免事件穿透问题。在实际开发中，根据具体...
阻止子元素继承父元素事件具体思路及实现
09-05
通过这样的处理，我们成功地阻止了 `#p_cont` 的点击事件冒泡到 `#p_box`，实现了阻止子元素继承父元素事件的目标。在实际开发中，合理运用事件冒泡和阻止冒泡策略可以优化事件处理性能，避免不必要的事件处理和提高...
C#winform窗体事件穿透代码.txt
10-27
代码已封装，仅一个方法，调用即可使想要的窗体或者控件变得不在触发事件，直接穿透到电脑桌面。适用于做屏保或者截屏或者一些小工具程序。
QStackLaout实现窗口重叠，附带事件穿透、位置拖动、设置Qt::FramelessWindowHint大小下的拖拽功能
最新发布
06-04
当一个窗口部件被设置为透明或者半透明时，事件穿透允许底层的窗口部件接收并处理鼠标和键盘事件，即使它们被上面的窗口部件遮挡。这在实现交互式重叠窗口时非常有用。 接着，我们讨论窗口的位置拖动。在Qt中，你...
laya fgui 超简单的UI框架
nuolo
06-21 2694
FairyGUI 超简单的UI框架 Laya使用fgui的超简单UI框架 使用场景：用于使用fgui进行layaUI开发的程序人员 整个框架分为3个模块，共有4个类: FGUIManager ：FGUI的管理类,继承于IUIManager 负责所有UI的打开关闭等事项 FUIBase ：UI的管理基类，具体实现 IUIManager ：FGUI的接口类 规定管理类的各个方法 UI...
layer frame 点击穿透
wsxc451的专栏
01-02 618
使用了layer tab 发行,点击第二个tab. 在tab内再打开一个frame,点击frame,会发生点击穿透; 所以.我这里只能使用链接跳转的方式, 最后发现,是因为我配置了web自动刷新,BrowserSync+gulp; 弹框的页面注入了BrowserSync的js,然后父页面也注入的有BrowserSync的js,造成点击上层窗口,就是触发父级窗口出发点击事件; ...
vue事件委托传递节点防止向下传递穿透
weixin_42835782的博客
01-20 4334
例如： <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 1714
自定义类CCBContainer 继承关系改为public CCLayer class CCBContainer :public CCLayer//: public cocos2d::CCNode onTouchBegan  return true 使得eventdispath 能够根据swallowstouches标志中断后续的事件分发 bool CCBContainer::init
LayaBox中父子元素的点击响应区分
Rajon_94的博客
08-08 1124
问题：      在一个Panel中，动态添加子节点元素。同时为每个子节点元素添加鼠标点击事件。此时需要区分鼠标点击到的是子节点元素，还是点击的Panel中的空白区域。而Laya中你点击了panel区域，那么panel的鼠标事件始终是会响应的。 解决方案：     利用点击事件中的target,它只会获得最上层的元素      在panel的鼠标响应事件中添加一段条件检测：      i...
两个div重叠，如何让鼠标事件穿透
05-16
可以使用CSS的pointer-events属性来实现鼠标事件穿透。将重叠的div的pointer-events属性设置为"none"，这样鼠标事件就会被穿透到下面的div上。例如： ```css .overlap { position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: red; opacity: 0.5; pointer-events: none; /* 让鼠标事件穿透 */ } .under { position: absolute; top: 50px; left: 50px; width: 100px; height: 100px; background-color: blue; } ``` HTML代码： ```html <div class="overlap"></div> <div class="under"></div> ``` 这样，即使鼠标在红色的div上，事件也会被传递到蓝色的div上。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值