微信小程序开发事件:catch---或bind---,冒泡事件

原创 2018年04月17日 14:09:57

微信开发中的绑定事件包含:bindtap,bindtouchstart等bind**事件和catchtap,catchtouchstart等catch**事件。


两者中只是bind和catch不同,而**包括tap,touchstart,touchend,touchcancel,touchmove,longtap事件。

bind系列事件绑定不会阻止冒泡事件向上冒泡,但是catch系列事件绑定可以阻止冒泡事件向上冒泡。


首先采用实例来解释一下什么是微信小程序中的冒泡事件:

代码如下:


这里是三个组件嵌套的按钮事件,点击outter view,执行outtertap事件,

点击middle view,执行outtertap事件和middletap事件,


点击inner view,执行outtertap事件、middletap事件和innertap事件,


即在点击内层的按钮时,在外层的事件也会触发执行,
解决这个问题可采用catchtap绑定事件,将代码改为一下即可:

这时,无论点击哪一个按钮,它都只会执行一个自己的事件。


微信小程序-事件

微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全,事件可以向父节点传递,而且打印这个事件的信息很透明,调试起来应该非常方便。 接下来把文档copy过来,原文地址:https://mp.w...
  • gang544043963
  • gang544043963
  • 2016-10-12 11:08:43
  • 25432

小程序开发系列(七)事件传参

在触发事件后,有时需要有些额外的数据,JS的写法是直接以参数的形式传递。而小程序是react模式的,使用data触发状态变化而刷新界面,绑定的事件里,绑定的是函数的名称,参数无法像一般编码的方式直接传...
  • xxdddail
  • xxdddail
  • 2017-06-12 11:33:20
  • 1061

微信小程序开发详解(五)---微信小程序事件

1:事件冒泡 在微信小程序开发工具中,新建event文件夹,新建文件,在event.wxml中填写如下代码:   这里是view 1              这里是view 2         ...
  • aoaoxiexie
  • aoaoxiexie
  • 2016-12-27 10:33:16
  • 4209

[Wondgirl] 微信小程序(四)事件

官方解释什么是事件事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信...
  • wondgirl
  • wondgirl
  • 2016-11-25 12:00:06
  • 1297

微信小程序-双击长按触发longtap事件时同时触发tap事件解决办法

对于微信事件,不多说,自己看文档https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html?t=20161122 ...
  • zhaoyazhi2129
  • zhaoyazhi2129
  • 2016-12-20 13:05:42
  • 13281

微信小程序学习(5)_事件

一、什么是事件? 1.一种用户的行为 用户长按某一张图片,点击某个按钮,这就是用户的行为,也是事件 2.一种通讯方式 为什么说事件也是一种通讯方式呢?因为用户点击按钮的时候,这是发生在UI层的...
  • Two_Water
  • Two_Water
  • 2016-10-17 01:46:20
  • 5954

小程序的事件

小程序的事件主要有三种类型:1-单击事件2-双击事件3-长按事件单击事件由touchstart、touchend组成,touchend后触发tap事件。(1)单击事件view代码 点我吧...
  • qq_24147051
  • qq_24147051
  • 2016-12-19 20:50:25
  • 1255

微信<em>小程序事件</em>demo

举报人: 被举报人: qq_34215749 举报的资源分: 3 *类型: *详细原因: 取  消 提  交 微信<em>小程序事件</em>demo 3积分 立即下载 ...
  • 2018年04月16日 00:00

讲述以下微信小程序中的冒泡事件和非冒泡

view id='outter' bindtap="outterTap"> outter view id='middle' bindtap='middleTap'> middle vi...
  • chen529834149
  • chen529834149
  • 2017-12-26 13:55:49
  • 898

微信小程序页面跳转事件绑定/冒泡,非冒泡事件

什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以...
  • qq_34827048
  • qq_34827048
  • 2017-07-12 23:57:10
  • 1228
收藏助手
不良信息举报
您举报文章:微信小程序开发事件:catch---或bind---,冒泡事件
举报原因:
原因补充:

(最多只允许输入30个字)