微信小程序 bind事件 和 catch 事件的区别

最新推荐文章于 2024-08-12 01:17:37 发布
原创 最新推荐文章于 2024-08-12 01:17:37 发布 · 744 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了微信小程序中事件响应链的概念，详细解析了bind事件的冒泡行为与catch事件阻止冒泡的特点。

做过移动开发都应该知道 事件的 响应链.

微信小程序 子视图的 bind 事件会冒泡上传.  catch事件不会.

如下图 点击 view3 事件会继续传给 view2 view1

如果把view3  改成catch.  事件只有view3 响应.  并没有冒泡上传





换句话说就是 catch事件会打断响应链 或者 事件冒泡上传.  事件传到catch这里响应一次,就此结束!


mingyangz
关注
微信小程序事件绑定案例：bind和catch区别、事件对象及自定义dataset数据
前端基地
02-24 1018
本文围绕微信小程序展开，介绍了 button 组件及其 bindtap 属性；阐述了事件绑定中 bind 和 catch 的相关内容；讲解了事件对象；还介绍了自定义 dataset 数据，并通过案例分析帮助理解，整体呈现了微信小程序部分组件、属性及数据相关的知识要点。
微信小程序阻止事件冒泡
最新发布
weixin_68658847的博客
12-06 546
微信小程序阻止事件冒泡
微信小程序实现bindtap等事件传参
10-17
主要介绍了微信小程序实现bindtap等事件传参，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
微信小程序--bind 和catch区别
weixin_33910385的博客
10-14 300
冒泡事件，当点击最里面的事件的时候，外面有事件也会执行，如3>2>1, 点击2时，2>1, 点击 最外层时 1. 1、 bind事件    2、catch事件 　　catch事件是一个单独的事件，不会联动其他方法。  ...
微信小程序bind事件和catch事件区别
seve_nnight的博客
08-09 415
在小程序中事件分为冒泡事件和非冒泡事件。 本文以冒泡事件tap（手指触摸后马上离开，也就是点击事件）为例子来区别bind和catch事件 bindtap 事件绑定不会阻止冒泡事件向上冒泡 catchtap 事件绑定可以阻止冒泡事件向上冒泡 假如有三个view点击事件都是用的bindtap，三个view是层级包含关系 <view id="outer" bindtap="out"> outer view <view id="middle" bi..
微信小程序：bind事件，catch事件触发机制，navigateto以及redirectTo跳转API接口
热门推荐
何小杰的博客
05-31 1万+
当点击小程序页面上面得各类组件得时候，会需要小程序做出相应得动作，这就需要用到小程序得事件机制： ontap的bug， 在click触发的时候，应该是一次点击就触发一次的，但是有的时候会出现一次点击，多次触发的情况，这个时候就需要将程序重新打开即可解决 页面跳转： WX：navigateto（）； 在JS方法下的页面跳转 两者的区别是navigationTo跳转的页面，...
事件系统-小程序
2201_75709573的博客
08-12 1399
在触发事件时将一些数据作为参数传递给事件处理函数的过程小程序中在组件上通过data-*的方式定义需要传递的数据，其中*就是自定义的属性，例如：<view data-id="100" bindtap="handler"/>, 然后通过事件对象继续宁获取自定义数据。查看控制台在view上绑定事件点击蓝色区域，不点击按钮，事件触发者和事件绑定者都是view点击按钮，不点击蓝色区域，//currentTarget事件绑定者:view//target事件触发者:按钮注意事项1。
微信小程序 触控事件详细介绍
09-01
在微信小程序开发中，触控事件是至关重要的组成部分，它们使得用户与界面之间的交互成为可能。本文将深入探讨微信小程序的触控事件，包括事件的基本概念、使用方式、事件分类以及事件绑定等核心知识点。 首先，事件...
微信小程序双击事件，事件冒泡,bangtap,catchtap事件绑定
03-29
bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。 事件分类 touchstart 手指触摸 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如弹窗和来电提醒 touchend 手
微信小程序开发系列（十五）·bind 绑定的事件（冒泡事件）、catch 绑定的事件（非冒泡事件）
时光の尘的博客
03-04 3281
当一个组件的事件被触发后，该事件不会向父节点传递，若此时父节点也有绑定事件，则不会触发父节点的事件。使用 bind 绑定的事件，会触发事件冒泡，如果想阻止事件冒泡，可以使用 catch 来绑定事件。：当一个组件的事件被触发后，该事件会向父节点传递，若此时父节点也有绑定事件，则会一并触发。
小程序之冒泡事件，catch与bind区别
wpn1lgl的博客
05-31 1212
所谓的冒泡事件就是事件触发后会一层一层向上传递，使所有的包含其子元素的父级元素都触发该事件。而哪些事件属于冒泡事件是由微信官方所定义好的，列表如下 类型 触发条件 最低版本 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如来电提醒，弹窗 tou...
【微信小程序】事件绑定和事件对象
云泽野の编程日记
06-04 3258
小程序中绑定事件与在网页开发中绑定事件几乎一致，只不过在小程序不能通过on的方式绑定事件，也没有click等事件，小程序中绑定事件使用bind方法，click事件也需要使用tap事件来进行代替bind:事件名bind事件名事件处理函数需要写到.js文件中，在 .js 文件中需要调用小程序提供的 Page 方法来注册小程序的页面，我们可以直接在 Page 方法中创建事件处理函数。
JS中的事件绑定与捕获
飞影fly的专栏
09-03 657
最近一直在学习前端知识，（真崩溃，学着学着就忘记了。。。wo）
微信小程序 bind 和 catch 的区别
Venus 的博客
08-08 1186
1、bind 不会阻止嵌套组件 event 事件上传 一个嵌套组件 viewOne viewTwo，并且都有监听事件。 我们点击之后，发现log输出： 同时出发两个 view 的tap 事件。 2、catch 会阻止嵌套组件的事件上传 换成catch 之后 ，我们发现 log 只有 viewTwo 的事件被触发了。 ...
微信小程序中常见的事件理解
断肠人在刷牙〃的博客
08-12 365
官方文档： 事件是视图层到逻辑层的通讯方式 事件将用户的行为反馈到逻辑层进行处理 事件对象可以携带额外信息，比如：id,dataset 事件的分类 1、冒泡事件：一个组件上的事件被触发，该事件会向组件的父节点传递 2、非冒泡事件，该事件不会向父节点传递 小程序中的冒泡事件： 事件的绑定和冒泡 以bind或者catch开头，加上事件的类型，如： bind绑定事件不会阻止冒泡事件向上冒泡，catch绑定事件能阻止冒泡事件向上冒泡。 事件对象 自定义事件对象属性列表 detai ： 组件额外信息 t.
小程序bindtap 和 catchtap 的区别以及如何使用
TianXuab的博客
09-26 5118
在小程序开发中，我们经常会遇到需要给用户提供交互性的功能，比如点击按钮、滑动页面等。为了实现这些交互，小程序提供了两种常用的事件处理方式：bindtap 和 catchtap。本文将介绍这两种事件处理方式的区别，并提供详细的代码示例。
小程序01/小程序 事件简介说明 、bind catch事件绑定语法 作用、capture-bind capture-catch事件绑定语法 作用
m0_64494670的博客
12-19 837
小程序01/小程序 事件简介说明 、bind catch事件绑定语法 作用、capture-bind capture-catch事件绑定语法 作用
小程序知识点
weixin_58602400的博客
12-02 966
小程序阻止冒泡
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值