微信事件
Jeff的技术栈 人气:0
[TOC]
# 常见的事件有：
| 类型 | 触发条件 | 最低版本 |
| ------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| touchstart | 手指触摸动作开始 | |
| touchmove | 手指触摸后移动 | |
| touchcancel | 手指触摸动作被打断，如来电提醒，弹窗 | |
| touchend | 手指触摸动作结束 | |
| tap | 手指触摸后马上离开 | |
| longpress | 手指触摸后，超过350ms再离开，如果指定了事件回调函数并触发了这个事件，tap事件将不被触发 | [1.5.0](https:/https://img.qb5200.com/download-x/developers.weixin.qq.com/miniprogramhttps://img.qb5200.com/download-x/dev/framework/compatibility.html) |
| longtap | 手指触摸后，超过350ms再离开（推荐使用longpress事件代替） | |
| transitionend | 会在 WXSS transition 或 wx.createAnimation 动画结束后触发 | |
| animationstart | 会在一个 WXSS animation 动画开始时触发 | |
| animationiteration | 会在一个 WXSS animation 一次迭代结束时触发 | |
| animationend | 会在一个 WXSS animation 动画完成时触发 | |
| touchforcechange | 在支持 3D Touch 的 iPhone 设备，重按时会触发 | |
**有两个注意点**：
```
Touchcancle: 在某些特定场景下才会触发（比如来电打断等）
```
tap事件和longpress事件通常只会触发其中一个
## currentTarget和target的区别
## 事件传递参数
**当视图层发生事件时，某些情况需要事件携带一些参数到执行的函数中, 这个时候就可以通过**
data-属性来完成：
1 格式：data-属性的名称
2 获取：e.currentTarget.dataset.属性的名称
## touches和changedTouches的区别
# 事件的绑定两种方法
**第一种**：bind：事件名 推荐方式，冒号隔开
wxml文件：
```python
```
js文件：
```
Page({
/**
* 页面的初始数据
*/
data: {
name:"jeff"
},
//e为事件对象，事件所有产生的数据都在e中
click1:function(e){
console.log("你点击了事件1"，e)
},
)}
```
**第二种：**bind事件名 不隔开
wxml文件:
```js
我是事件2
```
js文件：
```
Page({
/**
* 页面的初始数据
*/
//e为事件对象，事件所有产生的数据都在e中
click2:function(e){
console.log("你点击了事件2"，e)
},
)}
```
# 事件传参
关键字：setDate
WXML文件：
```python
```
js文件
```js
// pages/test/test.js
Page({
data: {
num:0,
},
click2: function (e) {
this.setData({
num:this.data.num+1
})
console.log('你点击了按钮2')
},
})
```
## 总结
```python
1 响应函数直接写在page对象中就可以了，不需要和vue一样写在methods里面
2
3 获取点击事件传过来的值，在事件对象中。例如：e.currentTarget.dataset中
```
加载全部内容