检测浏览器中的后退按钮点击
要跟踪用户导航事件,可以使用 window.onbeforeunload 事件侦听器。但是,此事件不仅在按下后退按钮时触发,还在页面刷新或重新加载期间触发。
解决方案:
要解决此问题,请使用以下代码可以使用 window.onload 事件:
window.onload = function () { if (typeof history.pushState === "function") { history.pushState("jibberish", null, null); window.onpopstate = function () { history.pushState('newjibberish', null, null); // Handle back/forward navigation here }; } else { var ignoreHashChange = true; window.onhashchange = function () { if (!ignoreHashChange) { ignoreHashChange = true; window.location.hash = Math.random(); // Handle hash change navigation here } else { ignoreHashChange = false; } }; } }
此解决方案区分后退导航和刷新和重新加载等其他事件,提供对后退按钮单击的精确处理。在Chrome、Firefox等浏览器中运行流畅。
以上是如何检测浏览器中的后退按钮点击?的详细内容。更多信息请关注PHP中文网其他相关文章!