小程序模板網(wǎng)

微信小程序小技巧系列《五》傳值,事件

發(fā)布時(shí)間:2018-02-06 17:12 所屬欄目:小程序開發(fā)教程

一:傳值

方式一:通過設(shè)置id方式傳值


		
  1. <button class="btninvest" bindtap="goinvet" id="{{item.txt}}">按鈕</button>

通過e.currentTarget.id;獲取設(shè)置的id值,并通過設(shè)置全局對(duì)象的方式來傳遞數(shù)值, 獲取全局對(duì)象 var app=getApp(); //設(shè)置全局的請(qǐng)求訪問傳遞的參數(shù) app.requestDetailid=id;

方式二:通過data - xxxx 的方法標(biāo)識(shí)來傳值

<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);
},

注:為了方便跨多個(gè)頁面訪問一個(gè)變量時(shí)候可以把該變量設(shè)置成全局,如下:

var app=getApp();
app.investid=e.target.dataset.id;

 

二:事件

小程序的事件主要有三種類型:

1-單擊事件
2-雙擊事件
3-長(zhǎng)按事件

單擊事件由touchstart、touchend組成,touchend后觸發(fā)tap事件。

(1)單擊事件

view代碼

<view>
  <button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap">點(diǎn)我吧</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)雙擊事件

雙擊事件由兩個(gè)單擊事件組成,兩次間隔時(shí)間小于300ms認(rèn)為是雙擊;微信官方文檔沒有雙擊事件,需要開發(fā)者自己定義處理。

view


點(diǎn)我吧 

JS代碼

(3)長(zhǎng)按

長(zhǎng)按事件手指觸摸后,超過350ms再離開。

view代碼

<view>
  <button type="primary" bindtouchstart="mytouchstart" bindlongtap="mylongtap" 
    bindtouchend="mytouchend" bindtap="mytap">點(diǎn)我吧</button>
</view>

JS代碼

mytouchstart: function(e){   
    console.log(e.timeStamp + '- touch start')
},
//長(zhǎng)按事件
mylongtap: function(e){   
    console.log(e.timeStamp + '- long tap')
},
    console.log(e.timeStamp + '- touch end')
},
mytap: function(e){   
    console.log(e.timeStamp + '- tap')
}


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/21671.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢