Heim > Web-Frontend > js-Tutorial > js-Code für die Eingabeaufforderungsfunktion vor dem Verlassen der Seite

js-Code für die Eingabeaufforderungsfunktion vor dem Verlassen der Seite

小云云
Freigeben: 2018-01-31 13:56:15
Original
1620 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich JavaScript zum Implementieren der Eingabeaufforderungsfunktion vor dem Verlassen der Seite vorgestellt. Er analysiert das Ereignisreaktionsprinzip und die Betriebsfähigkeiten von JavaScript zum Schließen der Seite. Außerdem wird die entsprechende Implementierungsmethode von jQuery Friends mitgeliefert Wer es braucht, kann sich darauf beziehen. Ich hoffe, es kann jedem helfen.

Die Eingabeaufforderung vor dem Verlassen der Seite kann nicht mit onunload durchgeführt werden, da es nur mit IE kompatibel ist und es für Sie mühsam sein wird, mit Google und Firefox kompatibel zu sein.

Und dieses Ereignis wird erst ausgelöst, nachdem es geschlossen ist.

Sie können stattdessen onbeforeunload verwenden.

onbeforeunload kann ausgelöst werden, wenn der Benutzer das Fenster schließt oder aktualisiert oder auf einen Hyperlink auf dieser Seite klickt.

Der JavaScript-Code lautet wie folgt:

<script>
window.onbeforeunload=function(e){
  var e=window.event||e;
  e.returnValue=("确定离开当前页面吗?");
}
</script>
Nach dem Login kopieren

Er ist sehr kurz und beginnt mit window.event und e oder kompatiblen Browsern.

Der Rückgabewert ist die Eingabeaufforderungsinformation.

Der Effekt in IE8 ist wie folgt: Die erste Zeile und die letzte Zeile müssen vorhanden sein. Wenn der Benutzer auf „Abbrechen“ klickt, passiert nichts. Wenn er auf „OK“ klickt, wird die vorherige Aktion fortgesetzt.

Der Effekt in Google Chrome ist wie folgt. Nur die letzte Zeile ist von uns kontrollierbar. Der Rest sind Dinge, die im System selbst vorhanden sind und nicht umgeschrieben werden können.

Die Aufforderungsmeldung kann nicht gelesen werden und ich kann nichts tun. Wer nennt diesen Browser Yehu Zen?

Schreiben Sie dies in JQuery:

$(window).bind('beforeunload',function(){
  return '提示信息';
  }
);
Nach dem Login kopieren

JQuery 1.9 verfügt über vollständige Browserkompatibilität...

Verwandte Empfehlungen:

Detaillierte Erläuterung der Verwendung der automatischen Eingabeaufforderungsfunktion von PHPstorm durch PHP

Implementierung der Eingabeaufforderungsfunktion für Fehlermeldungen bei der Übermittlung von JQuery-Formularen

Ausführlich Erklärung, wie man eine einfache automatische Suchfeld-Eingabeaufforderungsfunktion in PHP implementiert

Das obige ist der detaillierte Inhalt vonjs-Code für die Eingabeaufforderungsfunktion vor dem Verlassen der Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage