How to call a function before leaving page with Javascript

by

You can always call your function before leaving the page.

function myfun(){
     // Write your business logic here
     console.log('hello');
}

onbeforeunload:

window.onbeforeunload = function(){
  myfun();
  return 'Are you sure you want to leave?';
};

Or with jQuery:

$(window).bind('beforeunload', function(){
  myfun();
  return 'Are you sure you want to leave?';
});

This will just ask the user if they want to leave the page or not, you cannot redirect them if they select to stay on the page. If they select to leave, the browser will go where they told it to go.

You can use onunload to do stuff before the page is unloaded, but you cannot redirect from there (Chrome 14+ blocks alerts inside onunload):

window.onunload = function() {
    myfun();
    alert('Bye.');
}

Or with jQuery:

$(window).unload(function(){
  myfun();
  alert('Bye.');
});

More Related Contents:

  1. javascript runs twice [closed]
  2. Tally value in dynamically generated textbox
  3. Test for existence of nested JavaScript object key
  4. Question mark and colon in JavaScript
  5. JavaScript: Difference between .forEach() and .map()
  6. Access Control Request Headers, is added to header in AJAX request with jQuery
  7. Convert UTC Epoch to local date
  8. Logical operators in JavaScript — how do you use them?
  9. JavaScript/jQuery to download file via POST with JSON data
  10. Redirect parent window from an iframe action
  11. How do you remove all the options of a select box and then add one option and select it with jQuery?
  12. Streaming a video file to an html5 video player with Node.js so that the video controls continue to work?
  13. How to select multiple files with ?
  14. Node exits without error and doesn’t await promise (Event callback)
  15. Using an authorization header with Fetch in React Native
  16. Getting a reference to the global object in an unknown environment in strict mode
  17. javascript variable corresponds to DOM element with the same ID [duplicate]
  18. How to delay calling of javascript function?
  19. Detect if user is scrolling
  20. Limit items in a .map loop
  21. HTML form with two submit buttons and two “target” attributes
  22. Optional chaining on the left side in Javascript
  23. Bubble sort algorithm JavaScript [closed]
  24. How to run certain scripts under the authority of a specific user?
  25. Is it bad practice to use inline event handlers in HTML? [closed]
  26. Unexpected comma using map()
  27. Registering jQuery click, first and second click
  28. jasmine.createSpyObj with properties
  29. ZLIB Decompression – Client Side
  30. Ajax POST not sending data when calling ‘request.POST’ in Django view

Leave a Comment