微信小程序自定义事件怎么使用

关于微信小程序定制的内容，小编在微信小程序店里做了一些介绍。想给大家补充一下微信小程序定制事件。具体怎么用？使用过程中需要注意哪些问题？我们来看看。

小程序定制事件的使用方式：

在组件中绑定事件处理程序自定义函数。

例如，当用户组件时，相应的事件处理函数将在页面对应的页面中找到。

我！

在对应的页面定义中写对应的事件处理函数，参数是event。

页面({ tapname : function(event){ console . log(event)} })

您可以看到日志信息大致如下

{'type': 'tap '，' timestamp': 1252，' target': { 'id': 'taptest '，' offsetleft ' :0，' offset top ' : ' dataset ' : { ' hi ' : ' mina ' } }，' current target ' : { ' id ' : ' taptest '，' offsetleft ' :

小程序自定义事件的详细说明：

事件分类

事件分为冒泡事件和非冒泡事件

1.冒泡事件：当组件上的事件被触发时，该事件将被传输到父节点。

2.非冒泡事件：当组件上的事件被触发时，该事件不会被传输到父节点。

wxml的气泡事件列表：

触发条件类型

触摸开始手指触摸

触摸移动手指触摸并移动

触摸取消的手指触摸动作被中断，例如呼叫提醒和弹出窗口

手指触摸动作结束

手指轻触离开

龙头手指触摸，超过350毫秒后离开

注意：除上表之外的其他组件自定义事件是非冒泡事件，例如

s提交事件、s输入事件、s滚动事件(详见每个组件)

事件绑定

事件绑定的编写方式与组件的属性相同，采用键和值的形式。

键以bind或catch开头，然后跟随事件类型，如bindtap、catchtouchstart

值是一个字符串，需要在相应的页面中定义一个同名的函数。否则，当事件被触发时，将会报告一个错误。

绑定事件绑定不阻止冒泡事件向上冒泡，而catch事件绑定可以阻止冒泡事件向上冒泡。

在以下示例中，单击内部视图将依次触发handlap 1和handlap 2(因为tap事件将冒泡到middleview中，这将防止tap事件冒泡，并且不会传输到父节点)，单击中间视图将触发handlap 2，单击outterview将触发handlap 1。

外部视图中间视图内部视图

事件对象

除非另外指定，否则当组件触发事件时，绑定该事件的逻辑层的处理程序将接收事件对象。

事件对象的属性列表：

属性类型描述

类型字符串事件类型

生成timestampinteger事件时的时间戳

由targetobject触发事件的组件的一些属性值的集合

currenttargetobject当前组件的一些属性值的集合

触摸阵列触摸事件，触摸点信息阵列

detailobject附加信息

通用事件类型

时间戳

自页面打开以触发事件以来经过的毫秒数。

目标

触发事件的源组件。

属性描述

事件源组件的id

数据集事件源组件上以数据开头的自定义属性的集合

偏移，偏移事件源组件在坐标系中的偏移

当前目标

事件绑定的当前组件。

属性描述

当前组件的id id

以数据开始的自定义属性的集合-在数据集的当前组件上

偏移偏移，当前组件坐标系中的偏移偏移

说明： target和currenttarget可以参考上面的例子。单击innerview时，handletap3接收的事件对象目标和currenttarget都是内部的，而handletap2接收的事件对象目标是内部的，currenttarget是中间的。

资料组

您可以在组件中定义数据，这些数据将通过事件传递给服务。书写方式：以data-开头，多个单词用连字符-链接，不能大写(大写会自动转换成小写)，如data-element-type。比较后，连字符将在event.target.dataset中转换成hump elementtype

示例：

数据集测试

page({ bindview tap : function(event){ event。target . dataset . alphabeta==1//-将用hump编写。事件。target . dataset . alphabeta==2//大写将转换为小写})

高光

触摸是触摸点的阵列，每个触摸点包括以下属性：

属性描述

pagex，pagey是距文档左上角的距离。文档左上角为原点，横轴为x轴，纵轴为y轴

clientx，clienty是从页面可显示区域的左上角算起的距离(不包括屏幕上的导航条)。横轴是x轴，纵轴是y轴

screenx，screeny是到屏幕左上角的距离，屏幕左上角是原点，横轴是x轴，纵轴是y轴

特殊事件携带的数据，比如小程序表单组件的提交事件，会携带用户输入，媒体的错误事件会携带错误消息。有关详细信息，请参见组件定义中每个事件的定义。

下面是如何用标题开头的微信小程序做一个简单的表格形式。标题到此结束

如何用微信小程序制作简单的表格形式？简单的表怎么做？微信小程序开发出来后，需要做一个表格，那么微信小程序怎么做一个简单的表格表格呢？小编带大家看看微信小程序是如何制作简单的表格的。下面是如何用微信小程序做一个简单的表格。供你参考。

table.wxml

table.wxss

table.js

感谢阅读如何在微信小程序中制作简易表格？更多详细的小程序信息，请访代理网的小程序频道，每天都有不同的惊喜给你。