I'm using onbeforeunload
event to perform operations during the closing page.
I do not want the event to happen in the case of Refresh
/ F5 .
Is there a way or other event to do this?
Unfortunately onbeforeunload
event listens the page state in the browser. Going to another page as well as refreshing will change the page state, meaning onbeforeunload
will be triggered anyway.
So I think it is not possible to catch only refresh.
But, if you'll listen and prevent Keypress
via JavaScript, then it can be achieved.
Refresh can be done via F5 and Ctrl R keys, so your goal will be to prevent these actions.
using jQuery .keydown() you can detect these keycodes:
For Ctrl R
$(document).keydown(function (e) {
if (e.keyCode == 65 && e.ctrlKey) {
e.preventDefault();
}
});
For F5
$(document).keydown(function (e) {
if (e.which || e.keyCode) == 116) {
e.preventDefault();
}
});
I would use the keydown listener to check for F5 and set a flag var.
http://api.jquery.com/keydown/
Detecting refresh with browser button is not that easy/possible.
I wanted to add a message alert onbeforeunload, so my solution was this one:
$(document).ready(function(){
window.onbeforeunload = PopIt;
$("a").click(function(){ window.onbeforeunload = UnPopIt; });
$(document).keydown(function(e){
if ((e.keyCode == 82 && e.ctrlKey) || (e.keyCode == 116)) {
window.onbeforeunload = UnPopIt;
}
});
});
function PopIt() { return "My message before leaving"; }
function UnPopIt() { /* nothing to return */ }
Third line ( $("a").click... ) is to avoid showing the alert when navigating between sections of the web.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.