この記事では主に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サイトに注目してください。