WeChat的catchtap与bindtap的区别:b(ubble)开头的方法会进行冒泡 形象理解:bind会有涟漪 以圈扩散 catch不会只会影响自己
区别
bindtap会冒泡;catchtap不冒泡
例子
<view id="outer" bindtap="out">outer view<view id="middle" bindtap="middle">middle view<view id="inner" bindtap="inner">inner view</view></view>
</view>out:function(e){console.log("--out bindtap click")
},
middle: function (e) {console.log("--middle bindtap click")
},
inner: function (e) {console.log("--inner bindtap click")
}
结果
bindtap执行结果
点击out view打印出一条log --> out bindtap click
点击middle view打印出两条log --> middle bindtap click–out bindtap click
点击innew view打三条log --> inner bindtap click–middle bindtap click–out bindtap click
可以看出bindtap不阻止向上冒泡,所以点击inner一直冒泡到了最外层。如果我们只修改middle view的bindtap为catchtap
点击out view打印出一条log --> out bindtap click(因为没有上层元素故而无法向上冒泡)
点击middle view打印出一条log --> middle bindtap click(catchtap阻止向上冒泡)
点击innew view打印出两条log --> inner bindtap click–middle bindtap click(阻止向上冒泡)
WeChat的catchtap与bindtap的区别:b(ubble)开头的方法会进行冒泡 形象理解:bind会有涟漪 以圈扩散 catch不会只会影响自己相关推荐
- python中的方法和函数的区别_python中函数与方法的区别?
Python中函数不是方法,主要有以下区别: 首先,从分类的角度来分析二者的区别 (1)函数的分类: 内置函数:python内嵌的一些函数. 匿名函数:一行代码实现一个函数功能. 递归函数:自己调用自 ...
- sdk数值与android版本,Android SdkVersion的区别及获取版本信息方法
1.minSdkVersion,targetSdkVersion,maxSdkVersion,compileSdkVersion四个数值之间有什么区别? • minSdkVersion,maxSdkV ...
- 两个质数互质是_两个质数一定是互质数_互质数和质数的区别_分解质因数的方法_互为质数和互质数...
宜城教育资源网www.ychedu.com两个质数一定是互质数_互质数和质数的区别_分解质因数的方法_互为质数和互质数质数,互质数,分解质因数,合数一个数只有1和它本身两个约数,这样的数叫做质数.一个 ...
- 机器学习和统计学习的区别:10个统计分析方法
来源:THU数据派(ID:datapi) 无论你在数据科学中是何种立场,你都无法忽视数据的重要性,数据科学家的职责就是分析.组织和应用这些数据. 著名求职网站 Glassdoor 根据庞大的就业数据和 ...
- ML:置信区间的简介(精密度/准确度/精确度的三者区别及其关系)、使用方法、案例应用之详细攻略
ML:置信区间的简介(精密度/准确度/精确度的三者区别及其关系).使用方法.案例应用之详细攻略 目录 置信区间的简介 置信区间的简介 1.案例理解置信区间
- 小程序bindtap事件与catchtap事件含义及区别
总结 bindtap设置冒泡点击事件,就是允许事件嵌套,当点击最里层按钮事件发生时,其他外层的也会触发,而catchtap只触发自身的点击事件,它会阻断自身的冒泡行为 参考链接https://www. ...
- Linux下CST和UTC时间的区别以及不一致的解决方法
1.在linux中,用date查看时间的时候显示: 2013年 2月 17日 星期三 19:04:14 CST 世界协调时间(Universal Time Coordinated,UTC): GPS ...
- 谈谈浅拷贝和深拷贝的区别,以及实现的方法
两者的区别:一个对象浅复制后,是深层次的对象地址的复制,并没有开辟新的栈,也就是复制的结果是两个对象指向同一个地址,修改其中一个对象的属性,则另一个对象的属性也会发生改变,而深复制的则是开辟了一个新的 ...
- 区别ie8和ie9的方法
众所周知 区别ie6~8的方法是: width:10px;//chrome width:10px\9;//ie8+ *width:10px;//ie7 _width:10px;//ie6 区别ie8以 ...
最新文章
- 35+ Top Apache Tomcat Interview Questions And Answers【转】
- win8 - 学习资源
- ELK 中的elasticsearch 集群的部署
- Galaxy Note 20新爆料:至少有两款机型,处理器高低配
- DataBase 之 常用操作
- 基于tcp协议的客户机与服务器通信程序的设计 c++,TCP服务器端和客户端程序设计...
- 懒人——支付宝app支付
- idm下载器怎么下载网页视频?如何用idm自动下载网站文件?
- html获取表格行数据,怎么获取表格一行数据
- ThreadPoolExecutor中的submit()方法详细讲解
- 30天自制操作系统-Hello OS
- 127.0.0.1 已拒绝连接
- App渗透中常见的加密与解密
- 目标检测,FFmpeg中第一个基于深度学习模型的视频分析功能
- mysql、oracle、sqlserver各自的默认端口号
- 创新案例分享 | 建设医院绩效管理系统,促进医院健康良性发展
- 【优化算法】莱维飞行和随机游动策略的灰狼算法【含Matlab源码 1500期】
- advisor纯电动汽车仿真、纯电动公交、纯电动客车、纯电动汽车动力性仿真
- ideal 快速打包(胖包+瘦包)
- ServerWebExchange接口
热门文章
- primer premier 5 64位_王者荣耀:必出破军的3位英雄,玩他们不出破军?说明你是个菜鸟!...
- 使用TimeQuest时序分析器
- 你真的了解 Cookie 和 Session 吗?
- LOJ 121 「离线可过」动态图连通性——LCT维护删除时间最大生成树 / 线段树分治...
- rest_framework 视图/路由/渲染器/认证授权/节流
- Spring Cloud Config 加密和解密
- python爬虫的scrapy安装+pymongo的安装
- Android 的 init.rc 文件简介【转】
- 猎豹浏览器怎么不能设置背景着颜色护眼?
- BUTTON标签和INPUT标签的区别【转】