事件處理
開發(fā)者可以使用bind: + 事件名來進行事件綁定
<view class="view-more" bind:tap="loadMore">
點擊加載更多
</view>
? ?
Page({
loadMore: function () {
console.log('加載更多被點擊');
}
});
? ?
目前支持的事件類型有：
類型 ? ? ? ? ? ? ? ?觸發(fā)條件
touchstart ? ? ?手指觸摸開始 ? ?
touchmove ? ?手指觸摸后進行移動 ? ?
touchend ? ? ? 手指觸摸結束 ? ?
touchcancel ? 手指觸摸動作被打斷，如來電提醒等 ? ?
tap ? ? ? ? ? ? ? ?手指觸摸后馬上離開動作 ? ?
事件對象
當開發(fā)者綁定方法到事件，事件觸發(fā)時，SWAN 會給觸發(fā)的方法傳遞事件對象，事件對象因事件不同而不同，目前基礎的事件對象結構為：
屬性 ? ? ? ? ? ? ? ? ? ? 類型 ? ? ? ?說明
type ? ? ? ? ? ? ? ? ?String ? ? 事件類型 ? ?
currentTarget ? ?Object ? ?事件觸發(fā)的屬性集合 ? ?
dataset
開發(fā)者可以在組件中自定義數據，并在事件發(fā)生時，由 SWAN 所在事件對象中，傳遞給綁定函數。
示例代碼：
<view data-swan="1" bind:tap="viewtap">dataset-test</view>
? ?
Page({
viewtap: function (event) {
console.log('value is:', event.currentTarget.dataset.swan);// 輸出1
}
});
? ?
touches
開發(fā)者在接收到觸摸類事件后，在事件對象上，可以接收到當前停留在屏幕上的觸摸點。
Touch 對象
屬性 ? ? ? ? ? ? ? ? ? ? ? 類型 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 描述
pageX , pageY ? ?Number ? ?距離文檔左上角的距離，橫向為 X，縱向為 Y ? ?
clientX , clientY ? ?Number ? ?距離屏幕視口左上角距離，橫向為 X，縱向為 Y ? ?
閱讀本文的人還可以閱讀：
百度小程序入口有哪些？哪里可以進入百度小程序？
百度小程序開源聯盟是什么
百度小程序的流量為什么那么高，小程序如何引流？
怎樣做好百度小程序體驗設計（1）
