CreatorPrimer | 触摸事件冒泡

最新推荐文章于 2021-05-26 09:27:35 发布
最新推荐文章于 2021-05-26 09:27:35 发布
阅读量597 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Cocos Creator视频教程 Cocos Creator基础教程 探索cocos H5正确的开发姿式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/6346289/article/details/99090767
本文通过一个地图拖动与子节点触摸冲突的问题，探讨了Cocos Creator中ScrollView的Cancel Inner Event特性，并从源码层面分析了触摸事件的冒泡机制。通过示例展示了如何创建原型并理解事件捕获与冒泡的区别，同时鼓励读者通过邮件与作者交流。

这两天正在愁公众号写点什么，打开微信看到uikiller老用户「悦雨」遇到了一个问题：

地图拖动与子节点触摸事件产生冲突，表现为在子节点上拖动，地图不能动

一句话不太好描述问题，在征得「悦雨」同意后，将这次交流的内容截图出来：

在与「悦雨」的交流过程中，我用ScrollView + TileMap + Button花了五分钟做了一个小测试，将TiledMap放在ScrollView中，在TiledMap中又放值了一个按钮，验证了一下曾经的经验是否任然有效，结果是OK的，于是将测试场景发给了「悦雨」。

快速原型

有了这个案例今天就以这个地图场景为例，看看不写代码，利用引擎内置组件，如何快速实现一个原型或组件功能测试 ，请看下面视频：

【插入视频】

最低0.47元/天 解锁文章

新学期VIP享超值加赠
触摸事件中touchstar、touchmove、touchend、touchcancel事件应用方法及实例
weixin_34297300的博客
08-08 1540
触摸事件中touchstar、touchmove、touchend、touchcancel事件应用方法及实例 一、 分享到： 前面我们介绍过移动设备中一些设备事件，例如手机旋转90度、倾斜等设置放置姿态变化的四大事件orientationchange事件、MozOrientation事件、deviceorientation事件、devicemotion事件...
CocosCreator点击事件
热门推荐
专业游戏开发
07-05 1万+
creator点击事件分为触摸：鼠标点击其中鼠标点击事件只有在桌面平台才会触发，触摸事件在移动平台和桌面平台都会触发，所以如果是需要发布移动平台（安卓,ios）的朋友点击事件只能监听触摸事件！ 官方点击事件文档：http://docs.cocos.com/creator/manual/zh/scripting/internal-events.html 封装点击事件代码： const {ccc...
CocosCreator - 向上传递事件（冒泡）
weixin_30819085的博客
08-18 1477
/** * 分发事件到事件流中。 * this.node.dispatchEvent(new cc.Event.EventCustom("name",是否向上传递)) * true：向上传递，传递到父节点。 * false:向下传递 */ var e = new cc.Event.EventCustom("事件名称 string",true) e.det...
关于事件冒泡和事件代理，看这一篇就够了！（下篇）
CreatorRay的博客
05-26 323
接着上篇的节奏走，上篇文章我们介绍了事件冒泡的过程及解决方法。 这期带来事件代理~~ 事件代理这个名词其实经常出现，在面试的时候，有一个高频问题，假如现在有需求，需要操作10000个DOM节点，你会怎么做？ 就比如我们上篇用的案例，一个ul，内部有n个li。我现在要求你操作DOM，生成10000个li，并且分别给他们的点击事件绑定处理函数，输出自己的内容。 这种问题，显然不能用常规的办法，常规的办法，早就累死了。 其实面试官想考察的就是关于事件代理的相关内容。 <!DOCTYPE html> &
cocos creator 的scorllview 滑动事件和 子内容触摸事件会产生冲突
weixin_34185512的博客
10-11 553
1：问题描叙： UI上的 scorllview 的子元素需要拖动到游戏场景。所以子元素需要绑定触摸事件，scorllview 默认的事件处理方式就会和子元素的触摸事件冲突.2：解决方案：ScrollView有个属性Cancel Inner Events(滚动行为是否会取消子节点的触摸事件)，默认设置的true，把他设置成false，子节点就会有了自己的触摸事件. 转载于:https://www....
COCOS2D 事件冒泡规律 和 CCMenu一直响应事件的解决办法
pakacy
05-07 1364
cocos2d把响应事件的对像放入一个栈中，用先进后出的规率来响应事件。可以设置响应的优先级 -128 - 128，最上层的优先级是-128（即值越小越先响应事件）。      响应的规则：          不同优先级先按优先级响应（即无视入栈顺序，先按优先级响应）          同一优先级响应的顺序是先进后出。          同一对像不能多次入栈，必须先从栈中移除才能再次加
JS中绑定事件顺序（事件冒泡与事件捕获区别）
10-20
JavaScript中的事件处理机制是网页交互的核心，其中包括了两种主要的事件传播模式：事件冒泡（Bubbling）和事件捕获（Cropping）。事件冒泡是指事件从最深的节点开始，然后逐级向上传播到最外层的节点。而事件捕获则...
JavaScript 事件冒泡简介及应用
12-10
JavaScript 事件冒泡是Web开发中的一个重要概念，它涉及到用户与网页交互时事件的处理方式。事件冒泡是指在一个对象上触发的事件会按照从内到外的顺序依次经过其所有父级元素，直到到达文档的根节点（通常是document...
javascript 中事件冒泡和事件捕获机制的详解
01-19
javascript 中事件冒泡和事件捕获机制的详解 二者作用：描述事件触发时序问题 事件捕获：从document到触发事件的那个节点，即自上而下的去触发事件—由外到内 事件冒泡：自下而上的去触发事件—由内到外 绑定事件...
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
10-23
在JavaScript和jQuery中，事件处理有两个关键概念：事件冒泡和事件委托。事件冒泡是指事件从最深的节点开始，然后逐级向上层元素传播事件。事件委托则是利用事件冒泡的特性，将事件处理器绑定到一个父元素上，以此来...
cocos creator为按钮添加事件的三种骚操作
11-28
cocos creator为按钮添加事件的三种骚操作
cocos creator 注意事项，小技巧(不定期更新)
u010994219的专栏
06-22 4017
1、ScrollView的使用：编辑器创建scrollView组件的时候下面有个content，默认里面有个item，比较坑的是，只有当content的大小大于view的时候才可以滑动，半屏幕是不可滑动的（之前写lua就没遇到，今天放了一个控件，测试了半天不能滑动，，，） 2、ScrollView中滑动的时候会触发item中注册的touch事件，记得勾选编辑器界面的Cancel Inner Ev...
cocos creator的事件处理.
麻瓜的博客
07-18 6355
事件处理是在节点（cc.Node）中完成的。对于组件，可以通过访问节点 this.node 来注册和监听事件。监听事件可以 通过 this.node.on() 函数来注册，方法如下： cc.Class({   extends: cc.Component,   properties: {   },   onLoad: function () {     this.node.o
[JavaScript]移动端/解决scroll和touch事件的冲突/冒泡
对未知的一切抱有热忱
07-03 1万+
假设有一个抽屉式菜单，根据手指的touch是会跟着动的，在面板任何地方右拉都会触发抽屉菜单的出现。 菜单隐藏的时候右边的内容是overflow:scroll的 这个时候滑动sroll的同时手指向右都会唤醒抽屉菜单，但是是不允许的。 其实按理来说右侧的面板内容如果一直不跳出文档流，也可能不需要额外处理，但是事实上由于嵌套各种position，导致尼玛一直冒泡，滚动松手只要有右滑迹象就会冒泡到深...
cocos creator之事件：监听、发射、派送
nk1212582的博客
08-13 9691
版权声明：转载请注明出处 https://blog.youkuaiyun.com/nk1212582/article/details/81632049 事件监听 事件处理是在节点（cc.Node）中完成的。 对于组件，可以通过访问节点this.node来注册和监听事件。 监听事件可以通过this.node.on()方法和this.node.once()方法来注册。 node.on(type, cal...
cocoscreator触摸事件的传递
weixin_39514724的博客
09-10 2638
触摸事件冒泡 触摸事件支持节点树的事件冒泡。在触摸事件冒泡的过程中不会有触摸检测，即使子节点不在父节点内，父节点也会收到事件的触发。 触摸事件的冒泡过程与普通事件的冒泡过程并没有区别。所以，调用 event.stopPropagation() 可以主动停止冒泡过程。 同级节点间的触摸点归属的问题 假设上图中 B、C 为同级节点，C 节点部分覆盖在 B 节点之上。这时候如果 C 节点接收到触摸事件后...
【Cocos Creator实战教程(7)】——UI组件（1）ScrollView 组件
12-05 411
1. 知识点讲解 ScrollView 是一种带滚动功能的容器，它提供一种方式可以在有限的显示区域内浏览更多的内容。通常 ScrollView 会与Mask组件配合使用，同时也可以添加ScrollBar组件来显示浏览内容的位置。 1.1 ScrollView 属性 属性 功能说明 content 它是一个节点引用，用来创建 ScrollVie...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值