Home >Web Front-end >JS Tutorial >Is There a Cross-Browser Event for Detecting Back Button Page Loads?

Is There a Cross-Browser Event for Detecting Back Button Page Loads?

Patricia ArquetteOriginal: 2024-12-06 09:22:10499browse

Cross-Browser Event for Page Load on Back Button Operation

Unlike the onload event, which only triggers on initial page load, there isn't a standard cross-browser event specifically for page load triggered by a back button click.

JQuery Solution

Interestingly, JQuery has an unintended effect that triggers a page reload upon back button click. This is achieved by adding an onunload event listener. By adding an empty onunload event handler in the body tag, Safari, Opera, and Mozilla reload the page on back button press.

Example:

<body onunload="">
  <script type="text/javascript">
    alert('first load / reload');
    window.onload = function() { alert('onload') };
  </script>
  <a href="http://stackoverflow.com">click me, then press the back button</a>
</body>

Note:

While this solution works, it may introduce a performance penalty as the page is reloaded. It's important to carefully consider the necessity of triggering a page reload on back button clicks.

The above is the detailed content of Is There a Cross-Browser Event for Detecting Back Button Page Loads?. For more information, please follow other related articles on the PHP Chinese website!

jquery safari for while Event this

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Releasing GENEREADMENext article：Releasing GENEREADME

See more

Is There a Cross-Browser Event for Detecting Back Button Page Loads?

Related articles