微信页面触发返回按钮回到聊天界面

最新推荐文章于 2020-11-28 13:02:12 发布

原创最新推荐文章于 2020-11-28 13:02:12 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #微信

JS&JQ 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种利用jQuery监听浏览器历史状态的方法，并演示了如何通过JavaScript的history API结合WeixinJSBridge关闭微信内的页面。此技巧对于实现复杂的前端交互非常有用。

	<script src="__PUBLIC__/js/jquery.js"></script>
	<script>
		$(function(){
			pushHistory();  
			window.addEventListener("popstate", function(e) {
				//关闭微信页面返回会话
				WeixinJSBridge.call('closeWindow');  
			}, false);  
			function pushHistory() {  
				var state = {  
					title: "title",  
					url: "#"  
				};  
				window.history.pushState(state, "title", "#");  
			}  
		});    
	</script>