WeChat アプレット ページ ジャンプ イベント バインディングの例の詳細な説明

この記事では主に、WeChat ミニ プログラム ページ ジャンプ イベント バインディングの詳細な例に関する関連情報を紹介します。この記事を通じて、必要な友達がミニ プログラム ページ ジャンプとイベント バインディングの例を理解して適用できることを願っています。ぜひ参考にしてください。

WeChatアプレット ページジャンプイベントバインディングの例を詳しく解説

イベントとは

1. イベントはビュー層からロジック層への通信手段です。

2. イベントは、ユーザーの行動をロジック層にフィードバックして処理できます。

3. イベントはコンポーネントにバインドでき、トリガーイベントに達すると、ロジック層の対応するイベント処理関数が実行されます。

4. イベント オブジェクトは、ID、データセット、タッチなどの追加情報を運ぶことができます。
   

コンポーネント内のイベントハンドラー関数をバインドします。

bindtap など、ユーザーがコンポーネントをクリックすると、対応するイベント処理関数がページの対応するページで見つかります

 <view bindtap="view">
    <text bindtap="toast" class="journey">开启小程序之旅   </text>
 </view>

子要素は親要素をトリガーし、必要に応じて親要素もトリガーします。子要素のみをトリガーするには、bindtap の代わりに catchtap を使用します。

対応するページ定義に対応するイベント処理関数を記述します。パラメーターはeventです。

Page({
 toast: function (event) {
  // wx.navigateTo({
  //  url: '../redirect/redirect'
  // });


  wx.redirectTo({
   url: '../redirect/redirect',
  });
  // view:function(event){
  //  // 父级元素
  // }

 },
 /**
   * 生命周期函数--监听页面隐藏/并未关闭返回
   */
 onHide: function (event) {
   console.log(event)
 },

 /**
  * 生命周期函数--监听页面卸载/
  */
 onUnload: function () {
  console.log(222)
 },
})

イベント分類

バブリングイベント: コンポーネント上のイベントがトリガーされると、イベントは親ノードに配信されます。

非バブルイベント: コンポーネント上のイベントがトリガーされると、イベントは親ノードに配信されません。

WXML バブリング イベント リスト:

类型 触发条件
touchstart 手指触摸动作开始
touchmove  手指触摸后移动
touchcancel 手指触摸动作被打断，如来电提醒，弹窗
touchend  手指触摸动作结束
tap 手指触摸后马上离开
longtap 手指触摸后，超过350ms再离开

注: 上記の表に加えて、

、< の submit イベントなど、特に指定されていない限り、他のコンポーネントのカスタム イベントは非バブリング イベントです。 input/> の input イベント、 のスクロールイベント (詳細については、各コンポーネントの公式ドキュメントを参照してください)

関連推奨事項:

html ページジャンプ時にパラメータを渡す方法

Router はクロスモジュールでのページジャンプの問題を解決します

vue はログイン後にページが前のページにジャンプすることを認識します。 共有例

以上がWeChat アプレット ページ ジャンプ イベント バインディングの例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。