微信小程序的event事件的主要属性有哪些

微信小程序的event事件的主要属性有哪些

本经验介绍的是微信小程序的event事件的主要属性有哪些？

在微信小程序中所触发的各种事件，都可以通过event事件来将信息获得，那么event事件的主要属性有哪些呢？下面我们通过一个小例子来进行演示。

首先我们打开微信开发者工具，来到项目文件目录，打开其中一个页面的wxml文件。

然后再wxml文件中新建一个text标签，在标签中输入内容。

同时为这个标签绑定一个点击事件，绑定的函数是“搁各send_mes”,代码如下：

请点击我

接着点击event.js这个文件，点击打开。

在这个js文件里面，新建一个函数send_mes,并给这个函数传递一个参数event，同时将event这个对象在控制台打印出来，代码如下：

send_mes:function(event){

var dataset=event.currentTarget.dataset;

var id=dataset.id;

console.log(event);

}

接着我们来到效果预览区域，点击文字。

然后来到控制台，点击“console”，这时候我们就可以在下面看到event对象的所有属性了，主要属性有：

type:事件类型，如tap类型

currentTarget:请求目标的内容，其中里面还包括了dataset(请求的参数)

detail:点击事件发生的坐标，格式：（x,y）

总泰冷结：

1、打开wxml文件

2、新建标签，为标签绑定事件

3、在js文件中新建对应的函数

4、进行测试

5、在控制台查看结果