小程序模板網(wǎng)

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

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

一：傳值

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


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

		

			通過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在線咨詢