Javascript angular conditional page refresh

Question

I need to prompt the user before leaving the edit page so that he doesn't lose unsaved changes. I've written the following code, but it is buggy. Once the user is on edit page and he declines the refresh operation after pressing F5, the normal refresh never triggers.

$(document.body).on("keydown", this, function (event) {
  if (event.keyCode == 116 && isEditPage()) {
    if (!confirm('you will lose all the pending changes. are you sure you want to leave this page?')) {
      return false;
    }
  }
  return true;
});

Did you check this one here http://stackoverflow.com/questions/2482059/disable-f5-and-browser-refresh-using-javascript — Strikers, Jan 10 '17 at 06:35

score 0 · Answer 1 · answered Jan 10 '17 at 06:50

You can register the event listener which will be triggered when user is leaving a page having unsaved changes. A page refresh can be initiated without even hitting f5 key (using browser navigation buttons, reload icon etc).

window.onbeforeunload = function (e) {
  var message = "Your confirmation message goes here.",
  e = e || window.event;
  // For IE and Firefox
  if (e) {
    e.returnValue = message;
  }

  // For Safari
  return message;
};

score 0 · Answer 2 · edited May 23 '17 at 11:52

0

please check this discussion and try this below way.

 $scope.$on('$routeChangeStart', function(next, current) { 
         return 'are you sure you want to leave?';
    });

You can get next and current route in the next, current params.

edited May 23 '17 at 11:52

Community

1
1

answered Jan 10 '17 at 06:59

Ramesh Rajendran

37,412
45
153
234

Javascript angular conditional page refresh

2 Answers2