事件的类别分为几种:点击事件:tap长按事件:longtap触摸事件:touchstart;touchend;touchcancel;touchmove其他:input;submit….其中前三类是冒泡事件,其他的称为非冒泡事件。写一个简单的例子,代码就不一一贴出来了,WXML的文件如下:viewclass=’redview’bindtap=’redclick’红色viewclass=’yellowview’bindtap=’yellowclick’黄色viewclass=’blueview’bindtap=’blueclick’蓝色/view/view/view效果如图:当我点击最内层的蓝色方框的时候,打印的结果如下:冒泡事件的机制是先打印点击的蓝色,也就是最内层,然后依次打印第二层和第三层。假设点击黄色层,会依次打印出黄色和红色。点击红色时只打印红色。但是也可以阻止冒泡事件的发生,其实很简单,直接把bindtap改为catchtap即可。viewclass=’redview’bindtap=’redclick’红色viewclass=’yellowview’bindtap=’yellowclick’黄色viewclass=’blueview’catchtap=’blueclick’蓝色/view/view/view这样你点击最内层的蓝色,只会打印蓝色而不会打印出黄色和红色了。但是点击黄色还是会打印黄色和红色,这个时候再把黄色页面的bindtap改成catchtap就可以了。友情提示:有一部分标签是默认在最上层的,比如video,想在video上放一个view然后设置catchtap将video覆盖是无效的。
微信被投诉,微信小程序:冒泡事件及其阻止
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信被投诉,微信小程序:冒泡事件及其阻止
相关推荐
解决西乌珠穆沁旗E企盈小程序微信小程序input、textarea层级过高穿透问题
数据恢复软件(二):用C++重写恢复B乐都县E企盈小程序MP位图文件的小程序
公众号再次改版高坪区E企盈小程序小程序又多了一个入口
微信小程序加载图片时,湘桥区E企盈小程序先拉长,再恢复正常
转:(很有用)有多个按钮,点击一个变色,点击另吴中区E企盈小程序一个变色,原来的恢复颜色的方法
第12课微信小程序Component构造器自道里区E企盈小程序定义组件:
导航中的南海区E企盈小程序小竖线总结
小程序:after实现德格县E企盈小程序1px纵向分割线
汉沽区E企盈小程序企业微信内测朋友圈和客户群功能:小程序C位出道!
小程序运行加载密山市E企盈小程序机制
小程通城县E企盈小程序序中间有字的分隔线
公众号和小程序可以同名了名称支持同主体复盘锦E企盈小程序用
最新评论
独特万商直播系统,直播系统技术开发公司
万商直播系统开发公司
优秀的团队,万商直播管理系统
不错的小程序案例
优秀的团队,不错的服务!
讲的很好
主播长的帅气
好系统好服务