小程序一个模块上同时有两个点击事件时解决事件冒泡问题

最新推荐文章于 2023-04-28 15:51:40 发布
最新推荐文章于 2023-04-28 15:51:40 发布
阅读量1.3k 收藏 2
点赞数
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x_Yanger/article/details/102958381
版权

在这里插入图片描述
点击卡片部分要跳转到详情页，点击小星星要进行收藏。这种情况下如果收藏事件还用bindtap那么就会先进行收藏再跳转到详情页（点小星星不需要跳详情页）。所以我们就要阻止这种冒泡事件！
把bindtap换成catchtap就可以了哦～

灵性成长
关注
专栏目录
微信小程序 - 点击事件与长按事件共存且不冲突（用户可长按可点击）
王佳斌
08-24 3160
前言 对于同一控件同时设置 bindtap 和 bindlongtap ,会发现长按时先出现 bindlongtap 的事件，然后触发点击事件，显然这不是我们想要的。 下面是个已实现功能的实例，请根据业务逻辑进行修改。 wxml <!-- 此处更换为你的触发组件 --> <button bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd" bindlongpress="handleLongPress"
python编写一个冒泡排序函数_用Python实现排序算法之【冒泡排序】
weixin_39854369的博客
11-28 1863
简单讲讲：我估计能打开我这篇文章的朋友都应该知道冒泡排序吧。我就不那么系统官方的定义了。我喜欢用实例说明，比如给你一个列表L，如下：[2, 4, 3, 9, 7, 5, 1, 8, 6]首先我们将2和4比较，4比较大，就保持不变；4和3比较，4比较大，4和3交换位置如下：[2, 3, 4, 9, 7, 5, 1, 8, 6]然后4和9比较，保持不变；9和7比较，9大，9和7交换位置，如下：[2, ...
小程序点击某一个触发两个点击事件
sky_sunshine_x的博客
10-02 6614
参考链接：https://blog.csdn.net/Anjinc/article/details/83903453 bindtap修改为catchtap即可
同一个盒子，同时绑定事件冒泡与事件捕获两个事件
xiaoxiaofly的博客
09-23 702
当同一个容器绑定两个事件，遵循先捕获，后冒泡 ，有一个前提是点击的事件先执行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial...
小程序一个表单提交按钮触发两个事件
flysnownet的博客
11-05 3033
小程序表单提交触发多个事件 介绍 小程序提交表单的同时，想发送订阅消息给用户 原理 把提交button写在<view>中，给外面的view绑定一个点击事件bindtap， 当点击提交按钮时，点击事件会冒泡到外面的view，执行bingtap 代码 <form bindsubmit="formSubmit" report-submit="true"> <view class="post-message"> <view class..
小程序按钮重复点击解决方案
qq_43205326的博客
04-28 4009
小程序是直面用户便捷的应用，而在用户使用时往往都会涉及到关键节点的按钮点击，例如，注册登录时，页面跳转时，发送验证码时，付钱还款，弹出提示等等。。。如果没有控制好按钮重复点击的问题，那么影响用户体验。当然有时候也会被同行吐槽，这人不行。。。
原生js给一个按钮绑定两个onclick事件
qq_44697315的博客
03-03 2757
原生js给一个按钮绑定两个onclick事件
S7-200SMART PLC实现冒泡排序的具体方法和程序示例.docx
10-13
3. **比较与交换**：使用比较指令（如COMP）比较相邻的两个元素，如果前者大于后者，使用累加器AC0进行数据交换。 4. **内循环递减**：每次内循环结束后，VW100减1，表示内循环次数减少。 5. **外层循环**：外层...
微信小程序开发(PHP Laravel MySQL)教学大纲.pdf
05-28
- 开发环境与第一个小程序：包括微信开发者工具的安装和使用，小程序的项目结构和页面创建。 - 基本页面和底部导航：学习编写底部导航代码，理解和使用生命周期函数。 - js文件：理解page.js中的生命周期和局部...
这是一个冒泡排序算法的C语言改进算法源码，改进法采用双向移动法.zip
01-12
传统的冒泡排序从数组的第一个元素开始，每次比较相邻两个元素，如果它们的顺序错误就交换位置，这样一轮下来最大的元素会被"冒"到数组的末尾。然后对剩下的元素重复这一过程，直到整个序列有序。 改进的双向移动...
python冒泡排序随机生成10个100以内（完美运行）
最新发布
06-15
这是一个简单的Python程序,用于生成10个100以内的随机整数并进行冒泡排序。 程序首先使用random模块的randint()函数生成10个0-100之间的随机整数,存储在numbers列表中。 然后使用冒泡排序算法对numbers列表进行排序...
微信小程序map自定义cover-view气泡点击事件
selfsummer的博客
02-25 1866
微信小程序长按和点击同时存在时，2个都会触发的问题
qq_37170740的博客
03-11 1196
问题描述： 在列表上实现长按弹框删除，点击进入详情页。在模拟器上正常，但在手机端，长按同时会触发点击。 长按、点击触发顺序： 点击：touchstart → touchend → tap 长按 touchstart → longtap → touchend → tap 点击和长按的差别：按住时间在350ms内算点击 最终代码： wxml： <view "bindlongtap="longclick" ...
微信小程序只允许触发一次点击事件(防止多次点击事件)
weixin_48811095的博客
04-03 8117
微信小程序只允许触发一次点击事件(防止多次点击事件) 可以让绑定的事件只触发一次 //.wxml <button bindtap="click1"> 获取</button> //.js Page({ data:{ check:true, },//设置一个初始参数 click1(){ this.OtherFunctions()//当点击后先执行你想要的函数，因为初始值为true，所以可以先执行一次想要的函数 console.log(this.data.check)/
微信小程序template返回多种点击事件
JWheat的博客
08-19 637
一、背景 1.模板上添加两个view，都分别绑定了事件，第一个事件不能触发 2.另外，发现view上面如果不放置text等的话，点击事件无法触发？ 如下： <view class='contentText'> <view class='title' catchtap="chooseDoorName" data-index="{{index}}"> ...
div嵌套多个点击事件,点击后如何阻止多次事件触发冒泡
TwoBE9876的博客
01-05 842
在你像要触发一次的事件上加 window.event.cancelBubble = true;//禁止冒泡（禁止其他事件触发）
微信小程序 catchtap 阻止事件冒泡 - 多层嵌套点击事件问题解决
安海军
05-21 1万+
微信小程序 bindtap 普通点击属性catchtap 执行事件冒泡 event.stopPropagation();&lt;view bindtap="outerBind"&gt; &lt;view catchtap="outerBind"&gt; 点赞 &lt;!-- 内层嵌套点击事件， 可使用catchtap 事件冒泡 --&gt; &lt...
微信小程序如何让多个button绑定同一个事件而区分button
热门推荐
u013751625的博客
06-27 1万+
这里不多说了直接上代码wxmL代码：&lt;button wx:for="{{buttons}}" wx:key="*this" id="{{'btn'+index}}" bindtap='onchangeTab' class="{{tabIndex==index?'on':''}}"&gt; {{item}} &lt;/button&gt;wxjs代码：onchang
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值