微信小程序小技巧系列《五》傳值，事件
發(fā)布時間：2018-02-06 17:12 所屬欄目：小程序開發(fā)教程
一：傳值
方式一：通過設(shè)置id方式傳值
- <button class="btninvest" bindtap="goinvet" id="{{item.txt}}">按鈕</button>
通過e.currentTarget.id;獲取設(shè)置的id值，并通過設(shè)置全局對象的方式來傳遞數(shù)值， 獲取全局對象 var app=getApp(); //設(shè)置全局的請求訪問傳遞的參數(shù) app.requestDetailid=id;
方式二：通過data - xxxx 的方法標(biāo)識來傳值
<button class="btninvest" bindtap="goinvet" data-id="{{item.txt}}">投標(biāo)</button>
goinvet:function(e){
// 通過數(shù)據(jù)解析一層層找到數(shù)據(jù)，var id=e.target.dataset.id(根據(jù)你的data-id的取名)
console.log("111````"+e.target.dataset.id);
},
|
注：為了方便跨多個頁面訪問一個變量時候可以把該變量設(shè)置成全局，如下：
var app=getApp(); app.investid=e.target.dataset.id; |
二：事件
小程序的事件主要有三種類型：
1-單擊事件
2-雙擊事件
3-長按事件
單擊事件由touchstart、touchend組成,touchend后觸發(fā)tap事件。
（1）單擊事件
view代碼
<view>
<button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap">點我吧</button>
</view>
JS代碼
mytouchstart: function(e){
console.log(e.timeStamp + '- touch start')
},mytouchend: function(e){
console.log(e.timeStamp + '- touch end')
},mytap: function(e){
console.log(e.timeStamp + '- tap')
}
|
（2）雙擊事件
雙擊事件由兩個單擊事件組成，兩次間隔時間小于300ms認(rèn)為是雙擊；微信官方文檔沒有雙擊事件，需要開發(fā)者自己定義處理。
view
點我吧
JS代碼
(3)長按
長按事件手指觸摸后，超過350ms再離開。
view代碼
<view>
<button type="primary" bindtouchstart="mytouchstart" bindlongtap="mylongtap"
bindtouchend="mytouchend" bindtap="mytap">點我吧</button>
</view>
|
JS代碼
mytouchstart: function(e){
console.log(e.timeStamp + '- touch start')
},
//長按事件
mylongtap: function(e){
console.log(e.timeStamp + '- long tap')
},
console.log(e.timeStamp + '- touch end')
},
mytap: function(e){
console.log(e.timeStamp + '- tap')
}
|
