<p>最近需求需在浏览器(web 和 h5手机端)实现回退弹框，网上很少找到这个需求，找到的也是有bug的，最后解决了，分享一下问题和解决方案：</p><p><strong>监听浏览器后退事件</strong></p><p>相关函数：window.history.pushState，代码如下：</p><pre class="brush:js;toolbar:false">$(document).ready(function(e)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;counter&nbsp;=&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(window.history&nbsp;&amp;&amp;&nbsp;window.history.pushState)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; window.onpopstate&nbsp;=&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; window.history.pushState(&#39;forward&#39;,&nbsp;null,&nbsp;&#39;#&#39;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; window.history.forward(1);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; alert(&quot;不可回退&quot;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;window.history.pushState(&#39;forward&#39;,&nbsp;null,&nbsp;&#39;#&#39;);&nbsp;//在IE中必须得有这两行 &nbsp;&nbsp;&nbsp;&nbsp;window.history.forward(1); });</pre><p>如果在浏览器执行了回退操作，则会触发页面弹出“不可回退”弹框，当然这里可以进行你所需要的不同的处理；</p><p><span style="color: rgb(255, 0, 0);">函数参考链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/onpopstate</span> </p><p>以上就是关于“监听浏览器后退事件，js如何监听浏览器回退事件”的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流。</p>