1. 程式人生 > >小程式事件物件

小程式事件物件

事件物件

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”