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

最新推荐文章于 2024-03-04 09:26:14 发布
最新推荐文章于 2024-03-04 09:26:14 发布
阅读量598 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iosYangming/article/details/80773399
版权

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

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

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

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





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


iOSYangming
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小程序之冒泡事件，catch与bind区别
wpn1lgl的博客
05-31 1121
所谓的冒泡事件就是事件触发后会一层一层向上传递，使所有的包含其子元素的父级元素都触发该事件。而哪些事件属于冒泡事件是由微信官方所定义好的，列表如下 类型 触发条件 最低版本 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如来电提醒，弹窗 tou...
微信小程序 触控事件详细介绍
11-26
微信小程序的触控事件是其用户交互的核心机制，它提供了从视图层到逻辑层的通信途径，使得开发者能够响应用户的各种操作，并进行相应的处理。事件可以绑定在小程序中的各种组件上，当用户触发这些事件时，对应的事件...
微信小程序实现bindtap等事件传参
10-17
主要介绍了微信小程序实现bindtap等事件传参，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
微信小程序--bind 和catch区别
weixin_33910385的博客
10-14 235
冒泡事件，当点击最里面的事件的时候，外面有事件也会执行，如3>2>1, 点击2时，2>1, 点击 最外层时 1. 1、 bind事件    2、catch事件 　　catch事件是一个单独的事件，不会联动其他方法。  ...
微信小程序bind事件和catch事件区别
seve_nnight的博客
08-09 340
在小程序中事件分为冒泡事件和非冒泡事件。 本文以冒泡事件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跳转的页面，...
微信小程序开发系列（十五）·bind 绑定的事件（冒泡事件）、catch 绑定的事件（非冒泡事件）
最新发布
时光の尘的博客
03-04 1845
当一个组件的事件被触发后，该事件不会向父节点传递，若此时父节点也有绑定事件，则不会触发父节点的事件。使用 bind 绑定的事件，会触发事件冒泡，如果想阻止事件冒泡，可以使用 catch 来绑定事件。：当一个组件的事件被触发后，该事件会向父节点传递，若此时父节点也有绑定事件，则会一并触发。
微信小程序 教程之事件
11-28
【微信小程序事件详解】 在微信小程序开发中，事件扮演着至关重要的角色，它连接着视图层和逻辑层，使得用户在界面上的操作能够被程序有效地捕获和处理。事件可以绑定在各种组件上，当用户与这些组件交互时，会触发...
微信小程序双击事件，事件冒泡,bangtap,catchtap事件绑定
03-29
bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。 事件分类 touchstart 手指触摸 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如弹窗和来电提醒 touchend 手
JS中的事件绑定与捕获
飞影fly的专栏
09-03 580
最近一直在学习前端知识，（真崩溃，学着学着就忘记了。。。wo）
微信小程序 bind 和 catch 的区别
Venus 的博客
08-08 1013
1、bind 不会阻止嵌套组件 event 事件上传 一个嵌套组件 viewOne viewTwo，并且都有监听事件。 我们点击之后，发现log输出： 同时出发两个 view 的tap 事件。 2、catch 会阻止嵌套组件的事件上传 换成catch 之后 ，我们发现 log 只有 viewTwo 的事件被触发了。 ...
微信小程序中常见的事件理解
断肠人在刷牙〃的博客
08-12 294
官方文档： 事件是视图层到逻辑层的通讯方式 事件将用户的行为反馈到逻辑层进行处理 事件对象可以携带额外信息，比如：id,dataset 事件的分类 1、冒泡事件：一个组件上的事件被触发，该事件会向组件的父节点传递 2、非冒泡事件，该事件不会向父节点传递 小程序中的冒泡事件： 事件的绑定和冒泡 以bind或者catch开头，加上事件的类型，如： bind绑定事件不会阻止冒泡事件向上冒泡，catch绑定事件能阻止冒泡事件向上冒泡。 事件对象 自定义事件对象属性列表 detai ： 组件额外信息 t.
小程序01/小程序 事件简介说明 、bind catch事件绑定语法 作用、capture-bind capture-catch事件绑定语法 作用
m0_64494670的博客
12-19 734
小程序01/小程序 事件简介说明 、bind catch事件绑定语法 作用、capture-bind capture-catch事件绑定语法 作用
微信小程序之bind和catch
weixin_45449964的博客
03-17 1350
微信小程序bind和catch事件bind-冒泡事件catch-非冒泡事件 事件 我们知道在web浏览器中，可以用事件来监听用户的动作，比如click、mouseup、mousemove、keypress等事件。且事件执行的顺序是先捕获后冒泡。因此在js事件中我们常常会因为需求对事件进行阻止事件的捕获或者冒泡，那么同样的，在微信小程序的事件中，同样有冒泡与非冒泡事件 bind-冒泡事件 冒泡的意思...
小程序bindtap 和 catchtap 的区别以及如何使用
TianXuab的博客
09-26 4399
在小程序开发中，我们经常会遇到需要给用户提供交互性的功能，比如点击按钮、滑动页面等。为了实现这些交互，小程序提供了两种常用的事件处理方式：bindtap 和 catchtap。本文将介绍这两种事件处理方式的区别，并提供详细的代码示例。
微信小程序bind函数携带参数
热门推荐
没事就写点
03-04 1万+
微信小程序开发过程中，有很多bind事件需要携带一些参数，比如点击list的某个item时需要知道点击了第几行。一下是官方文档原文： dataset 在组件中可以定义数据，这些数据将会通过事件传递给 SERVICE。 书写方式： 以data-开头，多个单词由连字符-链接，不能有大写(大写会自动转成小写)如data-element-type，最终在 event.currentTarget.datas...
微信小程序事件绑定
天马3798
03-02 1006
当一个组件上的事件被触发后，该事件不会向父节点传递。语法，catchXXX或者catch：XXX。自定义事件参数:data-xxx==>e.currentTarget.dataset.xxx。当一个组件上的事件被触发后，该事件会向父节点传递。语法，bindXXX或者bind:XXX。如无特殊说明，当组件触发事件时，逻辑层绑定该事件的处理函数会收到一个事件对象。
【小程序教程】微信小程序之事件绑定
shenchengyv的博客
10-12 3540
微信小程序的事件绑定是非常重要的一部分，它可以让我们的小程序与用户进行交互，实现各种功能，例如点击按钮、滑动页面、输入内容等等。通过本篇博文的介绍，我们了解了微信小程序事件绑定的基本语法和常用的事件类型，学会了如何编写事件处理函数、以及传参和阻止冒泡的方法。在微信小程序中，通过在标签上绑定事件，当用户进行某种操作时，该事件就会被触发，从而执行相应的代码逻辑。在事件绑定中，我们需要定义对应的事件处理函数，当事件被触发时，该函数就会执行。，可以用来获取事件的相关信息，例如。在上面的代码中，当用户点击。
微信小程序开发系列（十四）·事件绑定的两种方法以及如何读取事件对象
时光の尘的博客
03-03 2063
。第一种方式: bind:事件名, bind后面需要跟上冒号,冒号后面跟上事件名,例如: 第二种方式：bind事件名，bind 后面直接跟上事件名，例如：
微信小程序中事件绑定和传参和vue2中的区别
03-21
微信小程序中事件绑定和传参和vue2中的有一些区别，主要是在语法上有所不同。在微信小程序中，事件绑定可以通过在标签上添加bind:事件名或catch:事件名来实现，而传参则可以通过在标签上添加data-属性来实现。而在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值