Wykonanie JS przy próbie opuszczenia serwisu.

pytanie zadane 22 maja 2015 w JavaScript przez ssnake Obywatel (1,860 p.)

Witam,

Potrzebuje jakieś wskazówki lub przykład w jaki sposób wychwycić, że użytkownik chce opuścić naszą stronę (np poprzez zamknięcie zakładki) , zatrzymać tą akcję i wykonać jakieś działania w JS.

Akcja ta nie powinna się wykonać jeżeli poruszamy się po podstronach serwisu (w domenie). Tylko w przypadku przejścia na zewnętrzną stronę, lub przy próbie zamknięcia zakładki/karty.

Pozdrawiam
ssnake

3 odpowiedzi

odpowiedź 22 maja 2015 przez cka Początkujący (400 p.)

Nie możesz zrobić czegość takiego, ponieważ w ten sposób można by było zatrzymać kogoś siłą na Twojej stronie, a to jest niedopuszczalne.

Przeglądarki pozwalają tylko na wyświetlenie komunikatu podczas zamknięcia karty lub okna ale nie można tego zatrzymać.

komentarz 22 maja 2015 przez Comandeer Guru (600,810 p.)

Można zatrzymać - dzięki komunikatowi confirm

komentarz 22 maja 2015 przez cka Początkujący (400 p.)

Może źle się wyraziłem. Tak jak piszesz można zatrzymać, ale nie można całkiem przerwać tej akcji.

odpowiedź 22 maja 2015 przez Ehlert Ekspert (212,670 p.)

odpowiedź 22 maja 2015 przez Comandeer Guru (600,810 p.)

Moment przechodzenia na inną stronę to zdarzenie unload, więc jak zachodzi to wiesz, że user albo przechodzi nw inną stronę, albo zamyka taba.

Jak wykryć, że nie opuszcza Twojej strony? Przechwytujesz kliki na linkach. Jeśli są to linki wewnątrzserwisowe, to zapisujesz ten fakt do flagi i tym sposobem informujesz handler zdarzenia unload, że ma to wywołanie zignorować.

komentarz 26 maja 2015 przez ssnake Obywatel (1,860 p.)

onunload nie wyświetla mi komunikatu z potwierdzeniem opuszczenia strony, onbeforeunload wyświetla taki komunikat ale mam pytanie, czy jest jakaś możliwość przechwycenia, że uzytkownik kliknął, że chce pozostać na stronie, tak aby można było wykonać jakieś dodatkowe skrypty, np przekierować go na stroną lub wyświetlić jakiś popup typu "dziękujemy, że zostałeś, dostaniesz rabat..."

komentarz 26 maja 2015 przez Comandeer Guru (600,810 p.)

if(!confirm('Wyjść?')
    alert('Nie wyszedł');

Oczywiście dodatkowo trzeba zablokować domyślną akcję zdarzenia

komentarz 26 maja 2015 przez ssnake Obywatel (1,860 p.)

to nie zadziała.... :(

Since 25 May 2011, the HTML5 specification states that calls to window.alert(), window.confirm(), and window.prompt() methods may be ignored during this event. See the HTML5 specification for more details.

https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload

komentarz 26 maja 2015 przez Comandeer Guru (600,810 p.)

Panie, a kto by się tam specyfikacją przejmował? Jak przeglądarki tego nie zaimplementowały, to w specce może pisać o jednorożcach nawet ;) Poza tym "may" to nie "must". No i ja tam w specyfikacji czegoś takiego nie widzę…

Testowałeś? Bo jak opierasz się tylko na specyfikacji to daleko nie zajedziesz ;) Czasami są w niej napisane głupoty, czasami nie przystaje do rzeczywistości, a czasami sama nie wie o co chodzi.