小程序 bindtap与catchtap区别

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

心印周周

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

阅读量283

点赞数

文章标签：小程序

本文链接：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

417

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

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

Poppy_LYT的博客

08-16

7278

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

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

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

qq_37916164的博客

05-27

3647

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

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

番茄Salad

02-28

906

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

小程序bindtap事件与catchtap事件含义及区别

weixin_40333655的博客

04-19

4963

总结 bindtap设置冒泡点击事件，就是允许事件嵌套，当点击最里层按钮事件发生时，其他外层的也会触发，而catchtap只触发自身的点击事件，它会阻断自身的冒泡行为参考链接https://www.cnblogs.com/lhm166/articles/9947383.html bindtap就是点击事件在.wxml文件绑定: 1 cilck here 在一个组件的属性上添加bindtap并赋...

bindtap和catchtap的区别？

最新发布

dxn16638400024的博客

10-14

1202

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

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

weixin_39218464的博客

09-12

879

关于事件参考：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事件与冒泡阻止详解

10-16

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

微信小程序视图控件与bindtap之间的问题的解决

10-17

在微信小程序开发中，视图控件`<view>`与事件绑定`bindtap`的交互是常见的操作。本文主要探讨了在特定情况下，`bindtap`事件触发的问题及其解决策略。首先，`bindtap`事件在`<view>`等控件上的绑定允许我们在用户...

JS事件

Ulrica_Amaris的博客

09-07

570

事件 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

1091

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

bindtap和catchtap的区别

柠檬不萌只是酸i

05-30

2万+

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

bindtap事件

竹映平昔

01-06

4万+

一、bindtap事件在wxml文件中绑定bindtap事件， C语言资料下载然后在js文件中进行响应 Page({ TZdown: function () { wx.navigateTo({ url: '../download/download' }); } })这样在单机view层的时候就会跳转到指定的UR

小程序 catchtap 和 bindtap区别

飞翔的熊blabla

07-26

6178

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

微信小程序之事件（bindtap和catchtap）