微信小程序 bind 和 catch 的区别

最新推荐文章于 2024-03-04 09:26:14 发布

放大的EZ

最新推荐文章于 2024-03-04 09:26:14 发布

阅读量1k

点赞数

分类专栏：微信小程序

本文链接： https://blog.csdn.net/qq_27061049/article/details/119513078

版权

微信小程序专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1、bind 不会阻止嵌套组件 event 事件上传

一个嵌套组件 viewOne viewTwo，并且都有监听事件。

我们点击之后，发现log输出：

同时出发两个 view 的tap 事件。

2、catch 会阻止嵌套组件的事件上传

换成catch 之后，我们发现 log 只有 viewTwo 的事件被触发了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

放大的EZ

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序开发中的数据绑定和事件处理

m0_72166538的博客

04-19

688

自定义事件首先需要在组件中定义，然后在父组件中绑定和触发。这样，当子组件触发自定义事件时，父组件的parentEventHandler函数会被调用，并输出"触发了自定义事件"和"这是一个自定义事件"。这样，当用户在input组件中输入内容时，会触发inputChange函数，并更新inputValue的值，同时页面上的值也会自动更新。这样，当用户点击"点击我"时，会在捕获阶段触发tapHandler函数，并输出"点击了"。这样，当用户点击"点击我"时，会触发tapHandler函数，并输出"点击了"。

小程序之冒泡事件，catch与bind区别

wpn1lgl的博客

05-31

1137

所谓的冒泡事件就是事件触发后会一层一层向上传递，使所有的包含其子元素的父级元素都触发该事件。而哪些事件属于冒泡事件是由微信官方所定义好的，列表如下类型触发条件最低版本 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断，如来电提醒，弹窗 tou...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序--bind 和catch区别

weixin_33910385的博客

10-14

249

冒泡事件，当点击最里面的事件的时候，外面有事件也会执行，如3>2>1, 点击2时，2>1, 点击最外层时 1. 1、 bind事件 2、catch事件　　catch事件是一个单独的事件，不会联动其他方法。 ...

微信小程序之bind和catch

weixin_45449964的博客

03-17

1448

微信小程序bind和catch事件bind-冒泡事件catch-非冒泡事件事件我们知道在web浏览器中，可以用事件来监听用户的动作，比如click、mouseup、mousemove、keypress等事件。且事件执行的顺序是先捕获后冒泡。因此在js事件中我们常常会因为需求对事件进行阻止事件的捕获或者冒泡，那么同样的，在微信小程序的事件中，同样有冒泡与非冒泡事件 bind-冒泡事件冒泡的意思...

微信小程序开发事件：catch---或bind---的区别（如bindtap和catchtap）

huangzhin的博客

08-10

2019

一、事件的概念： 1、微信官方给出的事件的解释是：事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。 2、那我们如何使用事件呢？简单来说就是将事件绑定到组件上面，例如：bindtap和catchtap都属于点击事...

微信小程序bind绑定和catch绑定

Warmth_Dream的博客

01-09

766

bind绑定会触发冒泡事件，而catch绑定不会触发冒泡事件。所谓的冒泡事件就是当事件发生时，这个事件就要从里向外传播开来。

微信小程序 绑定事件 bind 和 catch 理解

m0_56193211的博客

12-15

3114

#### 前言最近在开发的一个小程序中遇到了关于bind和catch的小问题，之前其实也学过bind和catch的区别、以及对冒泡的理解，但还是决定自己实践一下。 ##### 1. 全bind ``` // wxml <view bindtap="tapA"> tapA <view bindtap="tapB"> tapB <view bindtap="tapC"> tapC </view> &lt...

解决微信小程序中的滚动穿透问题

12-13

总之，解决微信小程序中的滚动穿透问题，关键在于阻止不必要的滚动事件，并根据实际场景灵活调整元素的定位和滚动行为。通过这种方式，可以显著提升用户体验，避免内容在不应滚动时产生滚动现象。对于遇到此类问题的...

【微信小程序】一文解忧，事件绑定

weixin_62542181的博客

07-10

4561

本文对微信小程序中的事件绑定进行讲解，包括事件基础知识，以及事件进阶知识，大白话讲起，实例演示

浅析Vue 和微信小程序的区别、比较

10-18

接下来，将详细解析Vue和微信小程序的相似之处和区别。首先，Vue和微信小程序在生命周期钩子上有相似之处。二者都有各自的生命周期函数，用于控制页面或组件在不同阶段的行为。比如Vue中的created、mounted和微信...

微信小程序开发系列（十五）·bind 绑定的事件（冒泡事件）、catch 绑定的事件（非冒泡事件）

最新发布

时光の尘的博客

03-04

2260

当一个组件的事件被触发后，该事件不会向父节点传递，若此时父节点也有绑定事件，则不会触发父节点的事件。使用 bind 绑定的事件，会触发事件冒泡，如果想阻止事件冒泡，可以使用 catch 来绑定事件。：当一个组件的事件被触发后，该事件会向父节点传递，若此时父节点也有绑定事件，则会一并触发。

事件冒泡和事件捕获

weixin_30532759的博客

03-14

199

事件冒泡或事件捕获？事件传递有两种方式：冒泡与捕获。事件传递定义了元素事件触发的顺序。如果你将 <p> 元素插入到 <div> 元素中，用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢？在冒泡中，内部元素的事件会先被触发，然后再触发外部元素，即： <p> 元素的点击事件先触发，然后会触发 <div> ...

微信小程序踩坑——bind事件与catch事件区别

MFMLN~ 星辰大海

10-10

887

简介小程序中的事件分为冒泡事件和非冒泡事件两类。(一般默认是可冒泡的) 用bind绑定的事件不会阻止冒泡事件向上冒泡，catch绑定的事件可以阻止冒泡事件向上冒泡(下面以tap点击事件为例来讲解二者区别) 例：bindtap和catchtap事件都是当用户点击该组件的时候会执行该页面对应的Page中找到相应的事件处理函数，但是不同的是用bindtap不会阻止冒泡事件向上冒泡，...

微信小程序bindtap与catchtap的区别

荒的博客

06-08

422

1、什么是事件　　(1)事件是视图层到逻辑层的通讯方式。　　(2)事件可以将用户的行为反馈到逻辑层进行处理。　　(3)事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。　　(4)事件对象可以携带额外信息，如 id,dataset,touches 2、如何使用事件　　(1)简单来说就是将事件绑定到组件上面，bindtap和catchtap都属于点击事件，绑定了之后点击组件可以触发这个函数。　　(2)函数tapName会接受一个参数event，eve...

微信小程序bind和catch绑定的区别

qq_43529068的博客

10-21

331

catch 会阻止事件向上冒泡。自基础库版本 2.8.2 起，除 bind 和 catch 外，还可以使用 mut-bind 来绑定事件。一个 mut-bind 触发后，如果事件冒泡到其他节点上，其他节点上的 mut-bind 绑定函数不会被触发，但 bind 绑定函数和 catch 绑定函数依旧会被触发。所有 mut-bind 是“互斥”的，只会有其中一个绑定函数被触发。同时，它完全不影响 bind 和 catch 的绑定效果。 ...

事件关键词 bind 和 catch 的区别、事件对象 target 和 currentTarget 的差异

weixin_34408624的博客

01-18

206

这是微信小程序踩坑系列的第一篇，想要了解更多关于微信小程序开发的那些事，欢迎关注我的《微信小程序》专栏。前言开发微信小程序离不开“事件”，对于初学者来说很难理解小程序里的“事件”是什么、怎么用？先看看看官方文档的解释：看着好像摸不着头脑，其实说白了就是视图（view）与逻辑（js）交互的通信方式，类似于传统网页中的 onclic...

小程序01/小程序事件简介说明、bind catch事件绑定语法作用、capture-bind capture-catch事件绑定语法作用

m0_64494670的博客

12-19

758

小程序01/小程序事件简介说明、bind catch事件绑定语法作用、capture-bind capture-catch事件绑定语法作用

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