微信小程序事件监听方法

在微信小程序中，事件监听是通过在WXML文件中使用属性来实现的。以下是一些常用的事件监听方法：

bind开头的事件监听：

使用bind开头的属性来绑定事件监听，这样的事件会冒泡，即事件会从触发的组件一直向上层组件传递。

点击我触发tap事件

Page({
  handleTap: function (event) {
    console.log("tap事件触发", event);
  },
});

catch开头的事件监听：

使用catch开头的属性来绑定事件监听，这样的事件会被阻止冒泡，即事件不会向上层组件传递。

点击我触发catchtap事件

Page({
  handleCatchTap: function (event) {
    console.log("catchtap事件触发", event);
  },
});

表单事件监听：

对于表单元素（如和

），可以使用特定的表单事件进行监听，如bindinput（输入事件）、bindsubmit（表单提交事件）等。

  
  提交

Page({
  handleInput: function (event) {
    console.log("输入的内容", event.detail.value);
  },
  handleFormSubmit: function (event) {
    console.log("表单提交", event.detail.value);
  },
});

触摸事件监听：

对于触摸事件，可以使用不同的事件类型进行监听，如bindtouchstart（手指触摸动作开始事件）、bindtouchmove（手指触摸后移动事件）等。

触摸我开始
触摸我移动

Page({
  handleTouchStart: function (event) {
    console.log("触摸开始", event);
  },
  handleTouchMove: function (event) {
    console.log("触摸移动", event);
  },
});

除了上述事件监听方法，微信小程序还提供了许多其他类型的事件，如网络事件、音视频事件、地图事件等。你可以根据具体的需求，查阅微信小程序官方文档，了解更多事件监听的方法和具体用法。