Jak sprawdzić, czy użytkownik kliknął przycisk odświeżania lub zamknij x

Question

Muszę sprawdzić na mojej stronie, że strona jest rozładowywana za pomocą przycisku odświeżania lub zamykania okna, Jak to jest możliwe za pomocą skryptu java/jquery?

Answer 1

Uważam, że oba są zdarzeniami "rozładuj" w przeglądarce. Możesz spróbować:

$(window).unload(function() { 
    alert("QueSeraSera.. lalalala"); 
}); 

Answer 2

Zdarzenie "window.onbeforeunload" powinno uchwycić to, co próbujesz zrobić. Zostanie on jednak również uruchomiony, gdy wystąpi test POST (tj. Użytkownik kliknie przycisk przesyłania) lub jeśli użytkownik spróbuje odejść od strony. Jestem pewien, jQuery ma ładne opakowanie dla tego, ale można znaleźć kilka informacji na temat samej metody javascript tutaj:

https://developer.mozilla.org/en/DOM/window.onbeforeunload

Answer 3

JavaScript jest

window.unload = <function> 

jQuery jest

$(window).unload(<function>) 

lub są też zdarzenia beforeunload, zależy to od tego, co próbujesz zrobić, co do czasu zdarzenia

window.onbeforeunload = confirmExit; 

function confirmExit() 
{   
    return "Not leaving page"; 
} 

Zostaną one wywołane, gdy strona zostanie wyładowana, odświeżenie, zamknięcie okna/karty lub przejście od niej (przez łącze lub przez zastąpienie adresu URL).

Należy pamiętać, że niektóre osoby mogą mieć przeglądarki, które mogą odfiltrowywać określone zdarzenia lub akcje skryptu - co dokładnie próbowaliście osiągnąć?

Answer 4

Mam ten sam problem. Po wielu "gogliach", w końcu używam tego. Mam nadzieję, że pomoże:

$(window).bind('unload', function() { 
    if(event.clientY < 0) { 
     alert('Gracias por emplear este servicio'); 
     endSession(); // here you can do what you want ... 
    } 
}); 
window.onbeforeunload = function() { 
    $(window).unbind('unload'); 
    // si se devuelve un string, automáticamente se pregunta al usuario por si desea irse o no .... 
    // return ''; 
    //'beforeunload event'; 
    if (event.clientY < 0) { 
     alert('Gracias por emplear este servicio'); 
     endSession(); 
    } 
}