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

 时间:2026-02-12 12:22:34

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

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

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

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

3、同时为这个标签绑定一个点击事件,绑定的函数是“send_mes”,代码如下:

<text bindtap="send_mes" data-id="2">请点击我</text>

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

4、接着点击event.js这个文件,点击打开。

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

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

send_mes:function(event){

var dataset=event.currentTarget.dataset;

var id=dataset.id;

console.log(event);

}

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

6、接着我们来到效果预览区域,点击文字

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

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

type:事件类型,如tap类型

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

detail:点击事件发生的坐标,格式:(x,y)

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

8、总结:

1、打开wxml文件

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

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

4、进行测试

5、在控制台查看结果

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

  • 花小猪打车如何操作申请提现
  • 北京交通违章学法减分是什么?
  • 旋挖开钻前的检查准备工作
  • 如何判断汽车火花塞是否需要更换
  • 完美世界手游科举答题器使用方法
  • 热门搜索
    途牛旅游官网 旅游门票 金门旅游 去越南旅游要多少钱 齐齐哈尔旅游 新乡旅游景点 嵊泗旅游 汕头旅游景点大全 瑞典旅游 川藏线旅游