小程序事件对象

事件对象

BaseEvent基础事件对象属性列表：

属性	类型	说明
type	Integer	事件类型
timeStamp	Integer	事件生成时的时间戳
target	Object	触发事件的组件的一些属性值集合
currentTarget	Object	当前组件的一些属性值集合

CustomEvent自定义事件对象属性列表（继承BaseEvent）

属性	类型	说明
detail	Object	额外的信息

TouchEvent触摸事件对象属性列表（继承BaseEvent）

属性	类型	说明
touches	Array	触摸事件，当前停留在屏幕中的触摸点信息的数组
changedTouches	Array	触摸事件，当前变化的触摸点信息的数组

特殊事件：<canvas/>中的触摸事件不可冒泡，所以没有currentTarget

实例:

<!--index.wxml里面写组件布局-->
<view class = "view1" bindtap="viewclick" id="view1" data-title="新闻标题" data-id=“100”>
	view1
</view>

//index.js里面写逻辑
Page({
	data:{
		motto:"Hello World",
		userInfo:{}
	},
	view1click : function(event){
		console.log(event)
	},
	bindViewTap: function(){ //跳转
		wx.navigateTo({
			url:'../logs/logs'
		})
	},
	onLoad: function (){
		
	}
})

打印event

• currentTarget【点击的view】
  • dataset 【自定义的属性和数据】
    • id:
    • offsetLeft :
    • offsetTop :
• detail : Object
  • x : 79
  • y : 98
• target : Object 【触发的事件源】
• timeStamp : 5037
• touches :
• type : “tap”