小程序学习心得之事件冒泡

最新推荐文章于 2024-06-18 12:23:58 发布
原创 最新推荐文章于 2024-06-18 12:23:58 发布 · 494 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序

本文详细介绍了在小程序中使用swiper组件时如何通过bindtap和catchtap进行事件绑定，并解释了两者之间的区别。bindtap允许事件冒泡，而catchtap则阻止冒泡。此外，还介绍了如何利用这些事件实现页面跳转及获取点击元素的相关信息。

1 catchtap和bindtap
bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。

2 在swiper组件中实现跳转，可以通过在swiper绑定catchtap事件，通过event.target.dataset.postid获取点击图片对应id

3 target 和currentTarget
target指的是当前点击的组件 和currentTarget 指的是事件捕获的组件

微信小程序阻止事件冒泡【看这里】
江拥羡橙的博客
10-30 6万+
uniapp、微信小程序阻止事件冒泡
探索程序人生，从学习成长到创新实验的进阶之路
最新发布
AI天才研究院
05-26 1107
在当今数字化时代，编程已经成为推动科技进步和社会发展的重要力量。对于每一位程序员来说，从最初的学习入门到不断成长，再到进行创新实验，是一个充满挑战和机遇的过程。本文的目的在于为广大程序员和编程爱好者提供一个全面的进阶指南，涵盖从基础学习到高级创新的各个方面，帮助读者清晰地了解在程序人生的不同阶段需要掌握的知识和技能，以及如何逐步实现进阶。范围包括编程的核心概念、算法原理、数学模型、项目实战、应用场景、工具资源等多个领域。
微信小程序学习心得1.docx
06-12
微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx微信小程序学习心得1.docx
【微信小程序】事件分类以及阻止事件冒泡
云泽野の编程日记
06-09 2137
当一个组件上的事件被触发后，不仅当前组件会接收到这个事件，其父级组件也会按顺序接收到这个事件，直到事件被消耗或到达最外层。在微信小程序中，事件分为冒泡事件和非冒泡事件两大类，它们的区别在于事件是否能从原始触发组件开始，向父级组件传播（即“冒泡”）。：非冒泡事件触发时，仅当前组件会接收到该事件，不会向上传播到父组件。这类事件在触发后立即停止，不会影响到其他层级的组件。⭐使用 bind 绑定的事件，会触发事件冒泡，如果想阻止事件冒泡，可以使用 catch 来绑定事件。要想阻止事件冒泡也很简单,
小程序冒泡事件
丑小鸭立志变天鹅的博客
08-10 448
小程序绑定事件 bind绑定：不会阻止冒泡事件 <view bindtap="fatherClick"> <text bindtap="childClick">冒泡事件</text> </view> fatherClick(){ console.log('father') } childClick(){ console.log('child') } 点击冒泡事件，依次触发childClick（）、fatherClick（）；结果为先后输出 child
WeChat小程序学习心得——冒泡事件
qq_31040997的博客
11-14 576
在index.wxml下生成3个view view11 view22 view33 并用bindtap为其绑定点击事件（以view11为例） 在index.js中编写绑定事件的方法体，并传入event参数（以view1为例） view1click: function(event) { console.log("view1click")
冒泡排序保姆级心得分享
Shuyujian01的博客
07-07 1157
前言:这是一篇新手向的算法思路分享，分享我对冒泡排序的一些想法。 解决基础算法的三个大思路 1.了解算法的目的 2.分析算法的过程 3.将伪程序语言 转换成自己对应的编程语言 1.这个算法的名字由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端（升序或降序排列），就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样，故名“冒泡排序”。 .........
微信小程序快速入门个人学习心得（四）
zcylxzyh的博客
01-21 391
TODOS案例 这个案例是要做一个任务清单。 首先 思考一共分为几块内容： 1、输入框 2、任务列表 3、工具栏 因此一共三块，在对应wxml文件中，父容器中添加三个子容器。 <view class="container"> <view class="searchHandle"></view> <view class="worksHandle"></view> <view class="utilsHandle"></view&gt
c语言冒泡排序项目总结,C语言冒泡排序法心得
weixin_34487462的博客
05-25 868
记得以前在大学里学习c语言的时候,刚开始是很吃力的.入门级别的算法中有个叫冒泡排序法,也有称为气泡排序法.那时候刚接触它就对它的名字特别感兴趣,因为觉得很有意思.好了,废话不多说了,我们先一起简单回忆下这个冒泡排序法.一.打印行和列一般是这样的一个简单代码,输出4行4列*:for(int i = 1,i < 5,i++){for(int j = 1,j < 5,j++){printf(...
微信小程序与uni-app的不解之缘：$event的魔法之旅【含代码示例】
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
06-18 1341
掌握了uni-app中通过$event定义事件对象的技巧，你已向成为一名小程序交互大师迈进了一大步。但记住，技术的海洋无边无际，每一次实践都是新的探索。在你的开发旅程中，是否遇到过关于$event的有趣故事，或是有着独到的使用心得？不妨在评论区分享，让我们共同织造小程序开发的智慧锦囊。欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。DTcode7的博客首页。
《微信小程序-基础篇》小程序中的事件与冒泡
Oliver尹的博客
07-03 3898
本文难度属于：初级，适合 初学小程序的开发者，通过本文，你可以了解到 小程序中的事件是什么，如何 执行事件 以及 当事件冒泡时有什么具体应用
微信小程序之冒泡事件
snoto的专栏
03-19 3056
文章目录 官方文档 事件：一个简单的理解就是用户与页面交互，常见的比如点击事件 文档中提到，事件分为冒泡事件和非冒泡事件（在Android中就是点击事件传递） 事件分为冒泡事件和非冒泡事件： 冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。 非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。 官方文档列出了冒泡事件列表： 并且告诉我们除上表外的都是非冒泡事件 我们...
小程序学习心得
weixin_45785466的博客
02-23 412
现在微信小程序越来越火了，与刚开始相比也新增了许多新的功能。这里主要讲一下我整理的小程序的文件架构和相关小知识。 小程序框架： pages index.js ->这里是页面的js逻辑 index.json ->这里是相关的数据文档 index.wxml ->相当于html文件 index.wxss ->相当于css文件 index app.js ->公共文档js ap...
小程序学习心得体会
YBWarmYoung的博客
04-02 2456
我们写小程序时都要跳转页面的，也会有底部导航来进行切换 这个时候就要介绍下窗口是怎样配置的 要在app.json文件里写一个tabBer对象 里面在定义一个list数组里面放我们定义的几个需要切换的页面 如下 最多list里面可以定义5个对象 在微信小程序里我们创建文件挺简单的 如下图 比如说就在上面图片的最下面直接写pages/文件名/文件名 然后保存就行了 这样文件夹就创建成功了 然后我再说下小程序的文件类型 小程序的文件类型分别有四种 第一种 ：js文件 这个home.js里面写的是我们从ht
微信小程序篇】三. 微信小程序的事件
TheNew_One的博客
01-06 892
事件 项目准备 创建项目demo3， 操作步骤同demo2 1. 事件的类别 tap 手指触摸后马上离开 触摸事件 touchstart 手指触摸动作开始 touchend 手指触摸动作结束 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如来电提醒，弹窗 持续触摸事件 longtap 手指触摸后，超过350ms再离开（推荐使用longpress事件代...
微信小程序冒泡事件
weixin_30555515的博客
06-03 452
问题描述：在做收货地址的时候，一开始给红色边框绑定了一个点击事件，跳转到下单页，给蓝色区域绑定一个点击跳转编辑页，但是当点击编辑的时候，匆匆跳到编辑页就立马闪退到下单页 问题原因：冒泡事件引起的 解决方法，把蓝色区域的bindtab绑定事件，替换成catchtab，因为子元素用bindtap绑定事件后，执行的时候，会冒泡到父元素（触发父亲元素上绑定的bindtap事件）如果不想冒泡到父元素...
微信小程序——学习心得一
ZhouDong0110的博客
02-26 1055
一、模板： ①定义模板 1.在 内定义代码片段，使用name作为唯一标识属性，作为模板的名称； 在实践操作中自己的问题在于容易忽视掉必要的{{}}括号和个别语句的架构问题，经过对语言的校对和修改慢慢可以改正错误，逐渐熟练。 示例如： <template name = " chengxu" /> <view> <text>{{ index...
微信小程序开发系列（十五）·bind 绑定的事件（冒泡事件）、catch 绑定的事件（非冒泡事件）
时光の尘的博客
03-04 3343
当一个组件的事件被触发后，该事件不会向父节点传递，若此时父节点也有绑定事件，则不会触发父节点的事件。使用 bind 绑定的事件，会触发事件冒泡，如果想阻止事件冒泡，可以使用 catch 来绑定事件。：当一个组件的事件被触发后，该事件会向父节点传递，若此时父节点也有绑定事件，则会一并触发。
我的小程序学习总结
mustardzz的博客
03-19 757
我已经学习小程序将近1个月了,接下来是我对学习小程序的总结 一.创建账号 一开始需要进入微信开放文档小程序的注册页,然后进去填好自己的资料,就可以获得自己的小程序的账号了。 可以在小程序的管理平台去管理自己的小程序,可以看见自己的AppID，AppID可以去创建自己的微信项目，而AppID是唯一的。 二.第一个作业的重点 text:文本标签 button：按钮标签 image：图片标签，可以引入图片 background:(url'引入图片必须是网络地址或者是...
JS语法学习心得分享
在了解“JS学习心得”这一标题和描述之后，我们可以总结出以下几个与JavaScript学习相关的重要知识点： 1. JavaScript基本语句和语法结构： JavaScript中的基本语句是构建程序的基础。例如，声明变量使用var、let、...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值