微信小程序中阻止事件冒泡
使用场景
如上图,这是一个活动的列表页面,当用户点击整个列表时,跳转到活动详情页面,当用户点击“去报名”按钮时,跳转到报名页面。但是当我们用"bindtap"事件绑定,点击“去报名”按钮后,会先跳转到报名页面,再跳转到活动详情页面。
问题分析
出现这个问题的原因,就是事件冒泡引起,关于事件冒泡我这里就不多讲了。
解决方法
解决方法就是要阻止事件冒泡,把“bindtap”改为“catchtap”就没问题了。
微信小程序中阻止事件冒泡相关推荐
- 微信小程序中函数事件的执行顺序
问题描述:做页面跳转的时候,发现从登录页跳转到首页之后马上又跳转回登录页. 分析问题:微信小程序中请求与后续事件不是按照顺序执行的,而是有可能先执行后面的,之后再返回执行success函数.因此把页面 ...
- 微信小程序中取消事件绑定用变量来控制如何取消事件绑定
因为语音输入有的语言不能识别,所以要禁用掉按钮在某些情况. 而由于这个录制语音的事件是touchStart,touchEnd,用button的disabled是禁用不掉的,我就想着把这个事件给解绑了, ...
- 微信小程序开发(五):小程序中的事件
在往常的web开发中,"事件"是常用的知识,但是在微信小程序中使用"事件"有很大不同. 一个点击事件的例子 使用bind在WXML组件中绑定事件,使用data- ...
- 微信小程序中的页面文件和组件
页面文件 页面构造器 JS文件 页面的JS文件,用于书写当前页面所需要的脚本代码以及生命周期函数. Page() : 注册了一个页面 接收一个对象,该对象用于配置当前页面所需内容. 该对象拥有的属性: ...
- 微信小程序中bindtap和catchtap
bindtap和catchtap都作为微信小程序中的事件,同样是tap,那么bindtap和catchtap有什么区别呢? 首先我们要了解一下什么是冒泡事件和非冒泡事件: 微信小程序冒泡事件和非冒泡事 ...
- [微信小程序]微信小程序点击事件返回值的target分析
微信小程序点击事件返回值的target分析 测试过程 在微信小程序中创建以下图片 然后在调试中点击下面第5个. console返回两个e 第一个e是第5块小块的e 第二个e是下面全部9小块组成的大块的 ...
- Canvas 动画引擎解析与微信小程序中的应用
点击观看大咖分享 抗击疫情,腾讯云在行动.在开发微信小程序的过程中,我们经常需要展现一些图形和图表.目前市面上有好几款常用的图形库,在这些图形库的底层都有渲染引擎在支撑. ZRender 是其中一款非 ...
- Canvas绘图在微信小程序中的应用:生成个性化海报
Canvas绘图在微信小程序中的应用:生成个性化海报 如极客时间的一些实现案例: 基础语法 Canvas本质是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素,默认大小为30 ...
- 微信小程序中实现瀑布流布局和无限加载
瀑布流布局是一种比较流行的页面布局方式,最典型的就是Pinterest.com,每个卡片的高度不都一样,形成一种参差不齐的美感. 在HTML5中,我们可以找到很多基于jQuery之类实现的瀑布流布局插 ...
最新文章
- Java数据结构与算法(一) 数组
- Mybatis逆向工程过程中出现targetRuntime in context mybatisGenerator is invalid
- 做了6年的Java,java视频教程传智播客
- python买什么书-希望更加深入了解python 有什么书可以推荐?
- 注册刷短信验证码的问题
- 图的广度优先搜索(bfs)以及深度优先搜索(dfs)
- ZOJ1221 Risk 图形的遍历
- 云数据仓库的未来趋势:计算存储分离
- 为什么阿里巴巴不允许使用Executors?
- asp.net 异步群发邮件时遭遇到的问题 ddddddddd
- 85后转行java,一名85后阿里老程序员的真心话
- mysql查询不确定的信息_mysql-非常复杂的查询,不确定是否可行.涉及...
- python的json模块
- Tools (StExBar vs Cmder)which can switch to command line window on context menu in windows OS
- 数据挖掘项目实战—Kaggle入门竞赛:房价预测之EDA与特征工程
- 页面滚动可视区域的获取
- MATLAB线性规划相关函数用法
- matlab在循环中保存jpg格式_matlab中的图片保存方法
- linux创建文档并且打字,与 Linux 一起学习:学习打字
- matplotlib漫画风格(XKCD)
热门文章
- XX公司珠宝进销分销系统设计
- Stust2的拦截器的运行流程及使用方法、注意事项
- 【GDAL】聊聊GDAL的数据模型(二)——Band对象
- shell__常用命令__awk
- 大数据可视化html模板开源_5个最受工程师欢迎的大数据可视化工具
- poj2912(带权并查集+枚举)
- android view 转Bitmap 生成截图
- 【WPF】MVVM模式的3种command
- hibernate validate验证框架中@NotEmpty、@NotbBank、@NotNull的区别
- Java基础学习总结(52)——Liunx系统Centos上搭建Java开发环境