美文网首页
CocosCreator中阻止Node事件冒泡传递

CocosCreator中阻止Node事件冒泡传递

作者: 柠檬信息技术有限公司 | 来源:发表于2019-12-11 15:44 被阅读0次

最近在开发一款小游戏,其中有如下一个界面:

20191211153415.png

在点击关卡的按钮的时候弹出一个悬浮面板,但是发现弹出的悬浮面板在接收到用户触摸事件之后会直接向上冒泡传递过去,底下的关卡按钮仍然可以接收到事件,所以查资料找到阻止事件冒泡的方法,特此记录一下

和Web开发中使用JavaScript的解决事件冒泡方式差不多,代码如下:

this.maskNode.on(cc.Node.EventType.TOUCH_START, (e) => {
  e.stopPropagation()
})

相关文章

  • CocosCreator中阻止Node事件冒泡传递

    最近在开发一款小游戏,其中有如下一个界面: 在点击关卡的按钮的时候弹出一个悬浮面板,但是发现弹出的悬浮面板在接收到...

  • v-on修饰符

    1.阻止冒泡事件 .stop 事件冒泡:在结构上存在嵌套的元素,有事件冒泡的功能,自子元素传递(冒泡)到父元素,所...

  • 微信小程序中bind和catch的区别

    bindtap 冒泡事件,事件绑定不会阻止冒泡事件向上冒泡catchtap 非冒泡事件, 事件绑定阻止冒泡事件...

  • 关于事件

    事件冒泡:事件冒泡会从当前触发的事件目标一级一级往上传递,依次触发,直到document为止阻止事件冒泡:even...

  • 03.vue事件&指令修饰符

    一、先用一张图理解下冒泡和捕获 二、事件修饰符 .stop阻止冒泡(通俗讲就是阻止事件向上级DOM元素传递) .p...

  • 多级菜单增删改

    问题1:出现事件冒泡,父级元素的点击事件传递给了子元素。 解决方法:阻止事件冒泡 方法一:function(e){...

  • 微信小程序常用功能

    1.阻止事件传递不用bindtap,用catchtap阻止冒泡2.wx.navigateTo传参 接收页面

  • day29-web前端之jQuery及Ajax

    1事件冒泡和捕获 1.1.事件冒泡:在子标签中产生的事件会传递给父标签 1.2事件捕获 捕获事件-阻止事件从子标签...

  • wepy基础知识

    1、bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。https://deve...

  • stopPropagation和stopImmediatePro

    都可以阻止事件冒泡(子元素向父元素冒泡) stopImmediatePropagation阻止事件冒泡并且阻止相同...

网友评论

      本文标题:CocosCreator中阻止Node事件冒泡传递

      本文链接:https://www.haomeiwen.com/subject/ufaogctx.html