Detaillierte Erklärung des Unterschieds zwischen WeChat-Applet Bindtap und Catchtap

1. Was ist eine Veranstaltung?

(1) Ereignisse sind die Kommunikationsmethode von der Ansichtsebene zur Logikebene.

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

(3) Ereignisse können an Komponenten gebunden werden. Wenn ein Triggerereignis erreicht wird, wird die entsprechende Ereignisverarbeitungsfunktion in der Logikschicht ausgeführt.

(4) Ereignisobjekte können zusätzliche Informationen enthalten, wie z. B. ID, Datensatz, Berührungen

2. So verwenden Sie Ereignisse

(1) Einfach ausgedrückt geht es darum, das Ereignis an die Komponente zu binden. Sowohl Bindtap als auch Catchtap gehören zu Klickereignissen. Nach dem Binden kann diese Funktion durch Klicken auf die Komponente ausgelöst werden.

(2) Die Funktion tapName akzeptiert einen Parameter event, der einige Kontextinformationen über den Funktionsaufruf speichert.

(3) Kennzeichnungselemente

<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Klick mich! </view>

(4) Verbindliche Ereignisse

Seite({
    tapName: Funktion(Ereignis) {
        console.log(Ereignis)
    }
})

3. Der Unterschied zwischen Bindtap und Catchtap

(1) Gemeinsamkeiten: Erstens handelt es sich bei beiden um Click-Event-Funktionen, das heißt, sie werden beim Klicken ausgelöst. In dieser Funktion sind sie gleich und es besteht keine Notwendigkeit, sie zu unterscheiden.

(2) Unterschiede: Der Hauptunterschied zwischen ihnen besteht darin, dass Bindtap sprudelt und Catchtap nicht sprudelt.

4. Ereignisse in Miniprogrammen werden in sprudelnde und nicht sprudelnde Ereignisse unterteilt.

(1) In diesem Artikel wird das Sprudelereignis „Tap“ (ein Finger berührt und verlässt die Stelle sofort wieder, d. h. ein Klickereignis) als Beispiel verwendet, um zwischen Bind- und Catch-Ereignissen zu unterscheiden.

(2) bindtap? Event-Binding verhindert nicht das Aufsteigen von sprudelnden Events

(3) catchtap? Event-Bindung kann verhindern, dass sprudelnde Ereignisse nach oben sprudeln

Der Unterschied zwischen Ziel und aktuellem Ziel eines Ereignisses

Wir verwenden immer noch den obigen wxml&&wxss-Code, dieses Mal ändern wir den Druckwert des js-Codes.

// js
  äußererTapFn(e) {
    console.log("Auf mein äußeres übergeordnetes Element wurde geklickt =.=",e);
  },
  innerTapFn(e) {
    console.log("Ich bin das innere untergeordnete Element, auf das geklickt wurde =.=",e);
  },

Das Ziel entspricht der Quellkomponente, die das Ereignis auslöst. Diese Komponente kann je nach Bereich, in dem die Aktion ausgeführt wird, eine untergeordnete oder eine übergeordnete Komponente sein. Und currentTarget entspricht immer der Komponente, an die das Ereignis gebunden ist;

5. Beispiele

1. Wenn es drei Ansichtsklickereignisse gibt und alle Bindtap verwenden, sind die drei Ansichten dann hierarchisch enthalten?

<Ansichts-ID="äußere" bindtap="aus">
    Außenansicht
    <view id="Mitte" bindtap="Mitte">
        mittlere Ansicht
        <view id="inner" bindtap="inner">
            Innenansicht
        </Ansicht>
    </Ansicht>
</Ansicht>

2. In js druckt der Code das Protokoll im entsprechenden Ereignis aus. Der Code lautet wie folgt?

out:Funktion(e){
    console.log("--out bindtap click")
}, Mitte: Funktion (e) {
    console.log("--middle bindtap click")
}, inner: Funktion (e) {
    console.log("--inner bindtap click")
}

3. Ergebnisse der Bindtap-Ausführung

• Klicken Sie auf „Ansicht“, um ein Protokoll auszudrucken --> „bindtap click“
• Klicken Sie auf die mittlere Ansicht, um zwei Protokolle auszudrucken --> mittlerer Bindtap-Klick --out-Bindtap-Klick
• Klicken Sie in der neuen Ansicht, um drei Protokolle auszudrucken --> innerer Bindtap-Klick - mittlerer Bindtap-Klick - äußerer Bindtap-Klick
• Es ist ersichtlich, dass Bindtap das Aufsteigen von Blasen nicht verhindert, sodass innere Blasen bis in die äußerste Schicht geklickt werden.

4. Wenn wir nur den Bindtap der mittleren Ansicht in Catchtap ändern

• Klicken Sie auf die Out-Ansicht, um ein Protokoll auszudrucken --> Out-Bindtap-Klick (da es kein oberes Element gibt, kann es nicht aufsteigen)
• Klicken Sie auf die mittlere Ansicht, um ein Protokoll auszudrucken --> mittlerer Bindtap-Klick (Catchtap verhindert Aufsteigen)
• Klicken Sie in der neuen Ansicht, um zwei Protokolle auszudrucken --> innerer Bindtap-Klick - mittlerer Bindtap-Klick (Catchtap verhindert Aufwärtsblasen)
  

Dies ist das Ende dieses Artikels mit der detaillierten Erklärung des Unterschieds zwischen den WeChat-Miniprogrammen Bindtap und Catchtap. Weitere relevante Inhalte zu den WeChat-Miniprogrammen Bindtap und Catchtap finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!