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:
- Adjon hozzá egy
beforeunload
eseményfigyelőt a globáliswindow
objektumhoz. - Ebben a figyelőben hívja meg a
preventDefault()
metódust a neki átadottEvent
objektumon. - Állítsa be ennek a
Event
objektumnak areturnValue
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.