Tanulja meg, hogyan lehet könnyen észlelni egy böngésző vagy lap bezárásának eseményét JavaScript segítségével

Böngésző vagy lapbezárási esemény észlelése JavaScriptben:

  1. Adjon hozzá egy beforeunload eseményfigyelőt a globális window objektumhoz.
  2. Ebben a figyelőben hívja meg a preventDefault() metódust a neki átadott Event objektumon.
  3. Állítsa be ennek a Event objektumnak a returnValue tulajdonságát egy üres karakterláncra ('').

JavaScript

window.addEventListener('beforeunload', (event) => {
  event.preventDefault();
  event.returnValue = '';
});

Érzékelnünk kell egy böngésző vagy lap közeli eseményét, hogy figyelmeztessük a felhasználót a weboldalon végrehajtott nem mentett módosításokról.

A addEventListener() metódus segítségével eseménykezelőt csatolunk bármely DOM-objektumhoz, például HTML-elemekhez, HTML-hez document vagy window-objektumhoz.

A beforeunload esemény közvetlenül az ablak, dokumentum előtt indul el, és az erőforrásai hamarosan kiürítésre kerülnek. Ezen a ponton a dokumentum továbbra is látható, és az esemény továbbra is törölhető.

A kezelő által kapott Event objektumon meg kell hívnunk a preventDefault()-t, hogy megjelenjen a megerősítő párbeszédablak a böngészőben. A preventDefault() metódus megakadályozza egy esemény alapértelmezett műveletét. A beforeunload eseménynél a preventDefault() leállítja az erőforrások, az ablak és a dokumentum kirakodását.

Ez a JavaScript kód egy megerősítő párbeszédpanelt fog megjelenni, amikor a felhasználó megpróbálja bezárni a böngészőt vagy a lapot. Íme néhány HTML-minta a JavaScript használatához.

HTML

<a href="codingbeautydev.com">Coding Beauty</a>
<br />
Try to close the tab or browser

Vegye figyelembe, hogy a beforeunload esemény nem csak a böngésző vagy lap bezárásakor indul el, hanem akkor is, ha egy hivatkozásra kattintanak, egy űrlapot elküldenek, megnyomják a vissza/előre gombot, vagy frissítik az oldalt.

Eredetileg a codingbeautydev.com címen tették közzé

Minden őrült dolog, amit a JavaScript csinál

Lebilincselő útmutató a JavaScript finom figyelmeztetéseihez és kevésbé ismert részeihez.

Regisztráljon és azonnal kap egy ingyenes példányt.