• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z HTML/JAVASCRIPT 2

VPS Starter Arubacloud
0 głosów
226 wizyt
pytanie zadane 7 stycznia 2017 w JavaScript przez niezalogowany
Witam, mam kolejny problem z JAVASCRIPT'EM i HTML - otóż chciałbym aby javascript wykrywał jak ktoś otworzy nową zakładkę albo zamknie/przymknie przeglądarkę. W takim przypadku poinformuje o tym uczestnika (np. quizu) i jeśli powtórzy się to drugi raz to przekieruję stronę na domową. Jakieś pomysły?

1 odpowiedź

0 głosów
odpowiedź 7 stycznia 2017 przez Marcin2000Xpl Gaduła (3,250 p.)
edycja 7 stycznia 2017 przez Marcin2000Xpl

Tu masz skrypt:

var vis = (function(){

    var stateKey, eventKey, keys = {
        
        hidden: "visibilitychange",
        webkitHidden: "webkitvisibilitychange",
        mozHidden: "mozvisibilitychange",
        msHidden: "msvisibilitychange"
        
    };

    for (stateKey in keys) {
        // Google Chrome: if ("webkitHidden" in document) {
        if (stateKey in document) {
            // Google Chrome: eventKey = keys["webkitHidden"]; 
            // eventKey = "webkitvisibilitychange";
            eventKey = keys[stateKey];
            break;
        }
    }
    return function(c) {
        // Google Chrome: if (c) document.addEventListener("webkitvisibilitychange", c);
        if (c) document.addEventListener(eventKey, c);
        // Google Chrome: return !document["webkitHidden"];
        return !document[stateKey];
    }
    
})();

P.S. Mam nadzieję, że teraz to zrozumiesz smiley

komentarz 7 stycznia 2017 przez niezalogowany
Dzięki, ale chciałbym taki skrypt sam zrozumieć i umieć później odtworzyć. Masz może coś typu poradnika?
komentarz 7 stycznia 2017 przez Marcin2000Xpl Gaduła (3,250 p.)

Już poprawiłem kod myślę, że teraz to lepiej zrozumiesz, a jeżeli nie to ja to jeszcze wytłumaczę.

Otóż często w wielu przeglądarkach zmienne jak i wydarzenia mają różne nazwy. Ten skrypt dopasowuje się do każdej przeglądarki np. Google Chrome. Przy przypisywaniu wartości jest sprawdzane jakie zmienne istnieją w dokumencie.

if ("webkitHidden" in document) {
    // Kod
}

Ten kod sprawdza czy w dokumencie istnieje zmienna o nazwie "webkitHidden". Jeżeli ją znajdzie wie, że ma do czynienia z przeglądarką z silnikiem WebKit np. Google Chrome. Wtedy przypisuje zmienna eventKey oznaczającą nazwę wydarzenia "webkitvisibilitychange", następnie kończy pętlę i pozostawia zmienną stateKey na wartości "webkitHidden". Na końcu zwraca funkcję, która bez żadnych argumentów zwraca wartość czy zakładka jest aktualnie używana (widoczna) lub jeżeli ma argument np. inną funkcję to dodaje nasłuchiwanie wydarzenia w tym przypadku wydarzenia "webkitvisibilitychange".

Podobne pytania

0 głosów
3 odpowiedzi 195 wizyt
pytanie zadane 6 stycznia 2017 w JavaScript przez niezalogowany
0 głosów
3 odpowiedzi 163 wizyt
0 głosów
1 odpowiedź 167 wizyt
pytanie zadane 31 stycznia 2017 w JavaScript przez Mariusz109 Nowicjusz (120 p.)

92,455 zapytań

141,263 odpowiedzi

319,100 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...