当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 | <body>
<p>window.onpopstate可以监听到返回键事件</p>
<script>
history.pushState({}, "");
window.onpopstate = function(event) {
location.href = "https://www.baidu.com";
};
</script>
</body>
|
当然，用 window.onhashchange 也可以监听到浏览器上的返回事件，参考如下一段代码(可以直接运行）：
1 2 3 4 5 6 7 8 9 10 11 12 13 | <body>
<p>window.onhashchange可以监听到返回键事件</p>
<script>
setTimeout(()=>{
location.hash="a"
},100);
setTimeout(()=>{
window.onhashchange = function(event) {
location.href = "https://www.baidu.com";
}
},200);
</script>
</body>
|
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
H5+WebWorkers多线程开发使用详解
CSS3二级导航菜单制作步骤详解
以上就是pushState与replaceState使用步骤详解的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
html中的标签详解
i、em、b、strong元素的使用详解
canvas的绘图api使用详解
html文本格式化的实例详解
phonegap创建联系人详解
phonegap播放音频详解
h5中history模式的使用详解
关于h5的pushstate和replaceState的用法分析
phonegap获取位置信息详解
h5的拖放功能详解
更多相关阅读请进入《replaceState》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » pushState与replaceState使用步骤详解
