WeChatミニプログラム用イベントサンプルコード3種類

この記事では主にWeChatミニプログラムの3種類のイベントを紹介し、コード付きの例を示します。

ミニ プログラムには主に 3 種類のイベントがあります:
1-クリック イベント

2-ダブルクリック イベント

3-長押しイベント

クリック イベントはタッチスタートとタッチエンドで構成され、タップ イベントがトリガーされます。タッチエンド後。
(1) イベントをクリック

コードを見る

<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')
}

ここでは、タッチ開始のイベントをbindtouchstart関数でバインドし、タッチ終了時にトリガーされるイベントをbindtouchend関数でバインドしています。
そして、これら 2 つのイベント関数の内容を JS コードで実装できます。

(2) ダブルクリック イベント

ダブルクリック イベントは 2 つのクリック イベントで構成され、2 つのクリック間の間隔は 300 ミリ秒未満であり、WeChat の公式ドキュメントにはダブルクリック イベントがありません。開発者は独自の処理を定義する必要があります。
view


Click me

JS code

(3)長押し

長押しイベント 指をタッチした後、350ms以上放置します。
コードを見る

<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')
}

WeChatミニプログラムの3種類のイベントサンプルコードに関するその他の関連記事については、PHP中国語Webサイトに注目してください。