Ausführliche Erläuterung der Beispiele für die Bindung von WeChat-Applet-Seitensprungereignissen

Dieser Artikel stellt Ihnen hauptsächlich relevante Informationen zu den detaillierten Beispielen der WeChat-Miniprogramm-Seitensprung-Ereignisbindung vor. Ich hoffe, dass Sie durch diesen Artikel die Beispiele für Miniprogramm-Seitensprung- und Ereignisbindungen verstehen und anwenden können Es kann sich auf Folgendes beziehen, ich hoffe, es kann allen helfen.

Detaillierte Erläuterung von Beispielen für die Bindung von WeChat-Applet-Seitensprungereignissen

Was sind Ereignisse?

1. Ereignisse reichen von der Ansichtsebene bis zur Logik Schicht Kommunikationsmethoden.

2. Ereignisse können das Benutzerverhalten zur Verarbeitung an die Logikschicht zurückmelden.

3. Ereignisse können an Komponenten gebunden werden. Bei Erreichen des Triggerereignisses wird die entsprechende Ereignisverarbeitungsfunktion in der Logikschicht ausgeführt.

4. Ereignisobjekte können zusätzliche Informationen wie ID, Datensatz und Berührungen enthalten.
   

Binden Sie einen Event-Handler an die Komponente.

Zum Beispiel bindtap: Wenn der Benutzer auf die Komponente klickt, wird die entsprechende Ereignisverarbeitungsfunktion auf der entsprechenden Seite der Seite gefunden

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

Die Das untergeordnete Element löst auch das übergeordnete Element aus. Wenn Sie nur untergeordnete Elemente auslösen möchten, verwenden Sie Catchtap anstelle von Bindtap. Schreiben Sie die entsprechende Ereignisverarbeitungsfunktion in die entsprechende Seitendefinition, und der Parameter lautet Ereignis.

Ereignisklassifizierung

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

Bubbling-Ereignis: Wenn ein Ereignis auf einer Komponente ausgelöst wird, wird das Ereignis an den übergeordneten Knoten weitergeleitet.

Nicht-Blasen-Ereignis: Wenn ein Ereignis auf einer Komponente ausgelöst wird, wird das Ereignis nicht an den übergeordneten Knoten übermittelt.

WXML-Bubbling-Ereignisliste:

Hinweis: Zusätzlich zur obigen Tabelle sind andere benutzerdefinierte Komponentenereignisse keine Bubbling-Ereignisse, sofern nicht anders angegeben als Submit-Ereignis von

, als Eingabeereignis von , als Scroll-Ereignis von (Einzelheiten finden Sie in der offiziellen Dokumentation der einzelnen Komponenten)

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

Verwandte Empfehlungen:

So übergeben Sie Parameter bei HTML-Seitensprüngen

Router löst modulübergreifende Seitensprünge

Vue erkennt, dass die Seite nach der Anmeldung zur vorherigen Seite springt

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Beispiele für die Bindung von WeChat-Applet-Seitensprungereignissen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!