小程序 bindtap与catchtap区别

最新推荐文章于 2023-10-14 07:00:00 发布

心印周周

最新推荐文章于 2023-10-14 07:00:00 发布

阅读量289

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/caigua8700/article/details/110143651

版权

bindtap 是不会阻止冒泡事件向上冒泡；
catchtap可以组织冒泡事件向上冒泡。

代码案例如下：

  <view bindtap="outerTap"id="outer">outer<view catchtap="middletap"id="middle">middle<view bindtap="innertap">inner</view></view></view>

单击inner时候，会执行到middle部分提示如下：
在这里插入图片描述
单击middle时候，就执行如下：

在这里插入图片描述

单击outer时候，执行最外层，执行如下：

在这里插入图片描述
希望对学习小程序的人有所帮助、

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

心印周周

关注关注

0
点赞
踩
1

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

微信小程序bindtap与catchtap的区别

荒的博客

06-08

449

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

微信小程序—事件冒泡/阻止事件冒泡（bindtap/catchtap）（图文）

Poppy_LYT的博客

08-16

7370

微信小程序—事件冒泡/阻止事件冒泡（bindtap/catchtap）事件冒泡嵌套关系，每个都有一个类名一个点击事件 <view class="view1" bindtap="view1"> view1 <view class="view2" bindtap="view2"> view2 <view class="view3" bindta...

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

微信小程序 bindtap与catchtap的事件使用和区别

qq_37916164的博客

05-27

3680

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

微信小程序bindtap与catchtap的区别详解【阻止view里层事件执行导致外层view事件也执行】

番茄Salad

02-28

928

【代码】微信小程序bindtap与catchtap的区别详解【阻止view里层事件执行导致外层view事件也执行】

bindtap和catchtap的区别？

最新发布

dxn16638400024的博客

10-14

1246

的作用是绑定一个触摸事件并指定对应的处理函数。当用户点击或触摸相关元素时，会触发该事件，并执行相应的处理逻辑。会阻止事件向上冒泡，即不会触发父级元素的同类型事件。的作用也是绑定一个触摸事件并指定对应的处理函数。都是小程序中用于绑定点击事件的方法。

微信小程序事件catchtap实现选项卡

weixin_39218464的博客

09-12

896

关于事件参考：https://www.cnblogs.com/eline2018/p/10394974.html 1、什么是事件 (1) 事件是视图层到逻辑层的通讯方式。 (2) 事件可以将用户的行为反馈到逻辑层进行处理。 (3) 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。 (4) 事件对象可以携带额外信息，如 id,dataset,touches index.wxml <view class="tab"> <text class="{{menuT

微信小程序-绑定事件以及bindtap和catchtap的区别

weixin_41975655的博客

09-27

3万+

前言在微信小程序的开发过程中我们肯定会遇到时间绑定的问题，这时候我们一般都是采用bandtap或者是catchtap进行事件绑定的。那么他们两个的区别在哪里呢？一、首先我们要先知道什么是事件微信官方给出的事件的解释是：事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携...

微信小程序bindtap事件与冒泡阻止详解

10-16

在微信小程序中，`bindtap`事件是用于处理用户点击事件的关键组件，它允许开发者在用户与页面元素交互时执行特定的逻辑。`bindtap`通常在`.wxml`文件中与具体的元素（如`<text>`、`<view>`等）绑定，并在`.js`文件中...

JS事件

Ulrica_Amaris的博客

09-07

588

事件 1.事件就是交互事件，用户点击实现回馈，是交互体验的核心功能。绑定事件 1.ele.onxxxx = function(event){} 兼容性很好，但是一个元素的同一事件上只能绑定一个基本等同于写在HTML行间上。 2.obj.addEventListener(type, listener, options) IE9以上，可以为一个事件绑定多个处理程序。 3.obj.attachEvent(‘on’ + type, fn（事件处理函数）)； IE独有，一个事件同样可以绑定多个处理程序解除事件

小程序阻止事件冒泡（bindtap和catchtap）

不靠谱的作曲家

05-19

1123

方法一：例如我们在某个模块上同时增加链接和操作事件，当我们点击备注的时候并不想进入详情就需要阻止事件冒泡，catchtap 方法二：我们也可以通过css布局来解决

bindtap和catchtap的区别

柠檬不萌只是酸i

05-30

2万+

（1）介绍事件： bindtap 和 catchtap 都属于点击事件，绑定之后，点击组件是可以触发这个函数的。 bindtap ：子元素使用bindtap绑定事件后，执行的时候，会冒泡到父元素（触发父元素上绑定的bingtap事件） catchtap ：不会冒泡到父元素上，阻止事件冒泡（2）如何使用该事件： .wxml 页面写入： <view> &lt...

小程序 catchtap 和 bindtap区别

飞翔的熊blabla

07-26

6192

bindtap 会向下传递 catchtap 不会向下传递，直接在当前标签拦截

微信小程序 catchtap 阻止事件冒泡 - 多层嵌套点击事件问题解决

安海军

05-21

1万+

微信小程序 bindtap 普通点击属性catchtap 执行事件冒泡 event.stopPropagation();<view bindtap="outerBind"> <view catchtap="outerBind"> 点赞  &lt...

微信小程序 事件冒泡,bangtap,catchtap事件绑定

xiaochun365的博客

04-10

2万+

//wxml //js Page({ data: { }, view1: function () { console.log("---view1 bandcatch click") }, view2: function () { console.log("--view2 bandcatch click") }, view3:

移动端touch、click、tap的区别与点透事件

泊一的博客

10-08

2551

一、click 与tap比较 click与tap都会出发点击事件，但是在手机web端，click会有200-300ms延迟，所以一般用tap（轻击）代替click作为点击事件。singleTap 和 doubleTap分别代表单击和双击。二、使用tap会出现点透事件（事件穿透）很多用过Zepto（移动端开发的库）都说使用tap会出现点透事件。 1、什么是tap事件穿透执行完上层绑定的tap事...

bindtap和catchtap的区别是什么？

kobezzZ的博客

08-28

582

相同点：首先他们都是作为点击事件函数，就是点击时触发。在这个作用上他们是一样的，可以不做区分不同点：他们的不同点主要是bindtap是不会阻止冒泡事件的，catchtap是阻值冒泡的 ...

微信小程序:冒泡事件及其阻止