Heim  >  Artikel  >  Web-Frontend  >  js-Methode zum Implementieren der Aufforderung an den Benutzer, ob er diese Seite verlassen soll, bevor er die Seite verlässt (einschließlich Browser-Schaltflächenereignissen)_Javascript-Kenntnisse

js-Methode zum Implementieren der Aufforderung an den Benutzer, ob er diese Seite verlassen soll, bevor er die Seite verlässt (einschließlich Browser-Schaltflächenereignissen)_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:49:441177Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode, mit js den Benutzer vor dem Verlassen der Seite aufzufordern, ob er die Seite verlassen möchte (einschließlich Browser-Schaltflächenereignissen). Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Bevor der Benutzer die Seite verlässt, fragen Sie ihn, ob er diese Seite verlassen soll (einschließlich Browser-Schaltflächenereignissen)

<script type="text/javascript">
window.onbeforeunload = function(){
return "您的文章尚未保存!";
}
</script>

Wenn beim Verlassen der Seite ein Dialogfeld angezeigt werden muss, das den Benutzer auffordert, die Seite zu verlassen, ähnlich dem Festlegen einer bestimmten Funktion, ohne die Seite zu speichern. Die Implementierungsmethode ist relativ einfach. Diese Implementierung hat jedoch einen Nachteil. Unabhängig davon, ob Sie zustimmen oder nicht, wird die Seite beendet Wenn das Dialogfeld angezeigt wird, hat der Benutzer die Möglichkeit, es zu verlassen, wenn es bestätigt wird. Andernfalls wird die Seite nicht geschlossen

Es wird empfohlen, das Ereignis onbeforeunload() zu verwenden, was bedeutet, dass die Methode vor dem Laden des Entladeereignisses ausgeführt wird. Verwenden Sie Folgendes:

<script type="text/javascript">
   window.onbeforeunload = function(){
   return "必您确定要退出页面吗?";
   }
</script>

Ein Dialogfeld wird angezeigt und nur eine Bestätigung führt zum Verlassen der Seite.

window.onbeforeunload kann mit jQuery kombiniert werden, um einen Aufforderungseffekt zu erzielen, wenn der Benutzer die Seite festlegt, sie jedoch nicht gespeichert hat. Sie können Folgendes verwenden Methode, wenn sie nicht benötigt wird

Eingabeaufforderungsdialogfeld:

<script type="text/javascript">
  window.onbeforeunload = function(){
    return;
  }
</script>

Dadurch wird die Seite direkt verlassen, ohne dass ein Dialogfeld angezeigt wird.

Die Kombination von jQuery zum Implementieren des Popup-Dialogfelds für die Javascript-Exit-Seite besteht darin, die beiden oben genannten Methoden zu kombinieren. Wenn die Seite eine bestimmte Situation erfüllt, wird ein Dialogfeld angezeigt wird nicht angezeigt. Dies ist sehr praktisch, kann aber auch nicht zurückgegeben werden. In Kombination mit window.onbeforeunload ist dies möglich die Funktion, die Seite zu verlassen und ein Dialogfeld aufzurufen.

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme:
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