JavaScript: Warnen, wenn Site User-Exits?

StackOverflow https://stackoverflow.com/questions/1764178

  •  21-09-2019
  •  | 
  •  

Frage

Mein Chef will unsere Website eine Warnung zeigen, wenn ein Kunde versucht, die Website mit Artikeln im Warenkorb zu verlassen.

Wie kann ich zeigen eine Benachrichtigung, wenn der Benutzer unserer Website zu verlassen versucht? Auch möchte ich nicht um die Warnung zeigen, wenn sie nur auf einem anderen Seite auf unserer Website navigieren, aber nur, wenn sie vollständig weg von unserer Website navigieren.

P. S. Ich bin keine Frameworks.

War es hilfreich?

Lösung

Es gibt keine einfache Möglichkeit, eine Domain zu erkennen, zu verlassen. Sie können erkennen, eine Seite leicht mit dem onBeforeUnload Ereignisse verlassen, sondern die gesamte Domäne verlassen, ist nicht so einfach. Wie vorgeschlagen hier , könnten Sie wahrscheinlich dies durch einen einzigen Master-Implementierung Seite, die geladen werden alle Seiten in einem iframe ...

Andere Tipps

Während Sie das onbeforeunload Ereignis verwenden können, um festzustellen, dass die Seite versucht, den Platz zu verlassen, können Sie nicht die neue URL erhalten, dass die Seite geht, auch wenn es auf Ihrer eigenen Website ist, da dies eine Sicherheitsverletzung ist.

Die einzige Lösung, dass ich ist denken kann, wie in einem anderen Beitrag, indem Sie entweder mit einem Iframe oder Full-Frame vorgeschlagen, aber das gibt die Schwierigkeit der URL statisch und verhindert so bookmarking.

Z. B:.

frame.htm 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <script language='JavaScript' type='text/javascript'>
      window.onbeforeunload = function (evt) {
        return "This is a demonstration that you are leaving me";
      }
    </script>

    <frameset border='0' rows="*">
      <frame src='test_page.htm' border=0 scrolling=no frameborder=0 noresize name=top>
    </frameset>
  </body>
</html>

z. Testseite 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
  </head>
  <body>
    Hello World
    <p>
    <a href='javascript:top.location.href="http://www.google.com"'> Outside link Google</a>
    </p>
    <p>
    <a href='http://www.google.com'> Inside frame link to Google</a>
    </p>
  </body>
</html>

So können Sie auf einen Link entweder innerhalb des Rahmens oder außerhalb des Rahmens navigieren (nur als Beispiel beide zum gleichen Ziel). Aber nur, wenn Sie nach draußen gehen, oder in der Nähe des Browser werden Sie gefragt, ob Sie dies tun wollen?

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top