微信小程序常用的事件

<form bindsubmit="formSubmit">
  
  <button formType="submit">提交button>
form>

 2.bindreset：

表单重置事件，在表单组件包含标签时，当用户点击重置按钮时会触发该事件。

<form bindreset="formReset">
  
  <button formType="reset">重置button>
form>

3.bindinput：

输入事件，在用户输入内容时实时触发该事件，可用于获取用户输入的内容并实时处理。 

<input bindinput="inputChange" />

4.bindblur：

失去焦点事件，在用户输入框失去焦点时触发，可用于实时校验输入内容或其他操作。 

<input bindblur="inputBlur" />

通过合理使用表单事件，可以对用户的输入行为进行响应和处理，实现更加交互丰富的表单功能。 

7.触摸事件

在微信小程序中，可以通过绑定一系列触摸事件来实现对用户触摸操作的响应。常用的触摸事件包括touchstart、touchmove、touchend、touchcancel等。这些触摸事件可以分别在用户开始触摸屏幕、移动手指、结束触摸、取消触摸等情况下触发相应的事件处理函数。

以下是常见的触摸事件以及事件处理的简要说明：

1. touchstart：当手指触摸屏幕时触发，可以在事件处理函数中获取触摸点的坐标等信息。

2. touchmove：当手指在屏幕上移动时触发，可以在事件处理函数中获取触摸移动的距离和方向等信息。

3. touchend：当手指离开屏幕时触发，可以在事件处理函数中获取最后一次触摸点的坐标等信息。

4. touchcancel：当触摸动作被打断，如系统事件、手指移出屏幕等情况触发。一般在触摸过程中发生系统事件（如来电）时触发。

<view 
bindtouchstart="touchStart"
bindtouchmove="touchMove"
bindtouchend="touchEnd"
bindtouchcancel="touchCancel"
class="touch-view"></view>

Page({
  touchStart: function(e) {
    console.log('触摸开始:', e.changedTouches[0]);
  },
  touchMove: function(e) {
    console.log('触摸移动:', e.changedTouches[0]);
  },
  touchEnd: function(e) {
    console.log('触摸结束:', e.changedTouches[0]);
  },
  touchCancel: function(e) {
    console.log('触摸取消:', e.changedTouches[0]);
  }
})

8.自定义事件

在微信小程序中，可以通过自定义事件来实现组件之间的通信，或者在页面中实现不同部分之间的交互。自定义事件可以通过triggerEvent触发，也可以通过bind和catch来监听和捕获自定义事件。

以下是自定义事件的基本使用方法：

1.触发自定义事件：在组件中使用 triggerEvent 方法触发自定义事件，可以传递参数给事件处理函数。 

// 在组件中触发自定义事件
this.triggerEvent('customEventName', { data: 'custom data' });

2.监听自定义事件：在组件或页面中使用 bind 来监听自定义事件，然后在对应的事件处理函数中处理逻辑。 

<child-component bind:customEventName="onCustomEvent" />

// 在组件或页面中定义自定义事件的处理函数
Page({
  onCustomEvent: function(event) {
    console.log('接收到自定义事件', event.detail);
  }
})

3.捕获自定义事件：在组件或页面中使用 catch 来捕获自定义事件，然后在对应的事件处理函数中处理逻辑。

<child-component catch:customEventName="onCustomEventCapture" />

// 在组件或页面中定义自定义事件的捕获处理函数
Page({
  onCustomEventCapture: function(event) {
    console.log('捕获到自定义事件', event.detail);
  }
})