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

高洛峰
リリース: 2017-02-27 14:38:19
オリジナル
2349 人が閲覧しました

この記事では主に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 + &#39;- touch start&#39;)
},mytouchend: function(e){
   console.log(e.timeStamp + &#39;- touch end&#39;)
},mytap: function(e){  
  console.log(e.timeStamp + &#39;- tap&#39;)
}
ログイン後にコピー

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

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

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


Click me

JS code

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

(3)長押し

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

<view>
  <button type="primary" bindtouchstart="mytouchstart" bindlongtap="mylongtap"
    bindtouchend="mytouchend" bindtap="mytap">点我吧</button>
</view>
ログイン後にコピー

JSコード

mytouchstart: function(e){   
 console.log(e.timeStamp + &#39;- touch start&#39;)
},
//长按事件
mylongtap: function(e){   
 console.log(e.timeStamp + &#39;- long tap&#39;)
},
 console.log(e.timeStamp + &#39;- touch end&#39;)
},
mytap: function(e){   
 console.log(e.timeStamp + &#39;- tap&#39;)
}
ログイン後にコピー


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


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート