Bei der Verwendung des MUI-Frameworks verwenden wir häufig eine Klasse mit .mui-action-back im Header
<header class=mui-bar mui-bar-nav> <a class=mui-action-back mui-icon mui-icon-left-nav mui-pull-left></a> <h1 class=mui-title> Frachtanfrage</h1> </header>
Klicken Sie auf das Zurück-Logo in der Kopfzeile, um zur vorherigen Seite zurückzukehren.
//Das Folgende ist der Quellcode in mui.js. Sie können sehen, dass beim Klicken zum Zurückkehren die folgenden Vorgänge intern ausgeführt werden //$.hook={} wird speziell zum Aufzeichnen des Browserverlaufs verwendet. $.back = function() { if (typeof $.options.beforeback === 'function') { if ($.options.beforeback() === false) { return; ); };$.doAction = function(type, callback) {//Zurück zum vorherigen Datensatz if ($.isFunction(callback)) { //Angegebener Callback $.each($.hooks[type], callback); } else { //Kein Callback angegeben, direkt ausführen $.each($.hooks[type], function(index, Hook) { return !hook.handle(); }); = Funktion(Typ, Hook) {//Verlauf hinzufügen var Hooks = $.hooks[Typ]; if (!hooks) { Hooks = [] 1000; Hooks.push(hook); Hooks.sort(function(a, b) { return a.index - b.index; });Wenn wir H5 in eine APP kapseln, verfügt die von uns verwendete 5+-Schnittstelle über das Konzept einer Webansicht, bei der es sich um ein Fenster handelt.
Am Anfang habe ich nicht bewusst zwischen diesen beiden Konzepten unterschieden, also habe ich manchmal ein neues Fenster geöffnet, um die Webseite zu öffnen, oder manchmal direkt
Springen Sie durch die URL, z. B.: location.href.
Dies führt zu einer Situation bei der Überwachung der Zurück-Taste des Mobiltelefons. Das Szenario sieht ungefähr wie folgt aus:
1. Öffnen Sie die Software und geben Sie die Homepage ein (main.html=>HBuilder[webview]) [ersteres stellt den lokalen Zugriffspfad der URL dar, letzteres ist die ID der Fenster-Webansicht].
2. Springen Sie über location.href zur Anmeldeschnittstelle, anstatt sie durch Erstellen einer Webansicht zu öffnen.
3. Rufen Sie nach der Anmeldung die Funktionsseite auf, drücken Sie erneut die Eingabetaste und kehren Sie zur Anmeldeseite zurück. Ich erwarte, dass ich mich nach dem Anmelden direkt abmelde, wenn ich auf meinem Telefon auf die Schaltfläche „Zurück“ klicke. Aus diesem Grund haben wir speziell die Rollback-Funktion von MUI kennengelernt. Dies können wir durch Überschreiben dieser Methode erreichen.
Auf der Seite, die überwacht werden muss:
mui.back=function(){//Schreiben Sie die Vorgänge, die Sie ausführen müssen, nachdem Sie den Rückgabeschlüssel überwacht habenWenn Sie jedoch weiterhin die beiden vorherigen Modi zum Springen von Webseiten und zum Erstellen von Formularen verwenden, treten unerwartete Ergebnisse auf. Das heißt, mui.back kann nur in der Eintragsdatei überwacht werden, und eine Überwachung in anderen Seiten oder Formularen ist nicht möglich . ausgelöst wird, werden alle von der Eintragsdatei mui.ba überwacht Bei der ck-Erfassung wird nur die Überwachungsgeschäftslogik der Eintragsdatei ausgeführt. Dies führt zu der peinlichen Situation, zur vorherigen Seite zurückzukehren, ohne das Rückgabeereignis anzupassen: Zum Beispiel kehren wir zur Anmeldeseite zurück und passen die Ereignisse an stellte fest, dass alle Ereignisse von der Eintragsdatei überwacht wurden. Das bedeutet, dass es keinen Sinn macht, mui.back=function(){} auf anderen Seiten zu schreiben.
Wenn alle Sprungseiten als Formulare geöffnet werden, treten die oben genannten Probleme nicht auf. Normalerweise kann jedes Fenster die benutzerdefinierte Funktion mui.back abhören
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.