Cum se definește o filă activă în javascript

Cum se definește o filă activă în javascript

Uneori este necesar să urmăriți dacă utilizatorul se află pe fila site-ului dvs. sau nu. Acest lucru poate fi util atunci când creați cronometre care ar verifica la fiecare 10 secunde, utilizatorul online sau nu, precum și diverse notificări sau doar statistici.







Esența scriptului este că trebuie să detectăm dacă elementul pe care mouse-ul utilizatorului este localizat din cauza onfocusului este activ sau utilizatorul a trecut la o altă filă (sau poate a închis-o complet) - onblur.







Codul scriptului, care ia în considerare secvențele petrecute de utilizator pe site.

Dacă suntem în fila activă, contul merge dacă fila este lăsată - temporizatorul se oprește. Dar dacă vă întoarceți la această filă, contul continuă să se deplaseze mai departe de momentul în care a fost oprit. Felul în care am făcut un script care informează cât timp utilizatorul este online pe site.

Utilizatorul online deja 0 sec.

Unii utilizatori fac același lucru pe jQuery:

$ (fereastră) .focus (funcția () <>); // În fila
$ (fereastră) .blur (funcția () <>); // Lăsați fila

Sau chiar așa (prin atribuirea executării unui script pe o anumită etichetă):

Dar esența lucrării nu se schimbă de la asta. Înțelesul rămâne același.

Citiți de asemenea

Vă permite să creați rapid orice formă de feedback pentru site-ul dvs. cu casete de selectare, câmpuri, butoane radio, fișiere și multe setări!







Trimiteți-le prietenilor: