微信公众号开发时，按物理返回键时，提示是否退出对话框

秒速五厘米 2022-07-28 06:21 263阅读 0赞

<p>在使用微信Weui开发网页时，监听手机上的物理返回键。<strong><span style="color: rgb(255, 0, 0);">当按下返回键时</span></strong>：提示你是否退出。<strong><span style="font-size: 18px;">确定---》退出</span></strong>。   <strong><span style="font-size: 18px;">取消---》还在原页面。</span></strong></p><p>微信没有提供这样的接口，按下<strong><span style="color: rgb(255, 0, 0);">返回键</span></strong>，<strong><span style="font-size: 18px;">默认</span></strong>会触发<strong><span style="font-size: 18px;">window.history.back()</span></strong>方法，回到上一个页面。</p><p>我们可以使用pushState()方法想history中加入URL连接，并且让窗体监听popstate事件,从而检测到从history中弹出URL链接。</p><p>思路：</p><p><span style="white-space: pre;">	</span>1.在页面加载时，使用pushstate()方法想history中添加一个空连接</p><p><span style="white-space: pre;">	</span>2.让页面监听popstate事件，在方法中，弹出一个对话框，如果确定的话，就返回上一页，如果取消，就添加一个空连接，（注意，但你按下返回键时，那个空连接就弹出了）</p><p>
    </p><p>代码如下：</p>

</pre><pre code_snippet_id="1630727" snippet_file_name="blog_20160331_3_134785" name="code" class="javascript">

$(document).ready(function()\{  
//在页面初始化时，加入一个空连接  
pushHistory();  
\});  
  
  
//让窗口监听popstate事件  
setTimeout(function()\{  
window.addEventListener("popstate",function(e)\{  
//方法一：  
//这里使用jqueryweui.js  
$.confirm("你确认要退出吗",function()\{  
//单击确定触发  
window.history.back();  
\},function()\{  
//取消是触发,添加一个空连接  
pushHistory();  
\});  
//方法二：  
//如果是单独的js  
var i=confirm("你确认要退出吗");  
if(i)\{  
window.history.back();  
\}else\{  
pushHistory();  
\}  
\});  
\},300);  
  
  
//在history加入空连接  
function pushHistory()\{  
var state=\{title:"title",url:"\#"\};  
window.history.pushState(state,"title","\#");  
\};

发表评论取消回复

表情：

评论列表（有 0 条评论，263人围观）

还没有评论，来说两句吧...

相关阅读

相关微信公众号开发

1.外网映射工具natapp ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

￡神魔★判官ぃ/ 2023年07月20日 12:23/ 0 赞/ 33 阅读

相关微信公众号开发

文章目录第一章环境准备 1.1、开发工具 1.2、创建工程 1.3、添加依赖 1.4、添加模板

深藏阁楼爱情的钟/ 2022年10月12日 04:24/ 0 赞/ 385 阅读

相关按返回键提示是否退出

安卓机有效 setKeypadEnabled(true); 重载俩个虚函数做回应 //物理键 void KeyBackClicked();//点击返回响应

阳光穿透心脏的1/2处/ 2022年08月21日 11:51/ 0 赞/ 211 阅读

相关微信公众号WebApp接管返回键实现“再按一次退出程序”功能

　　按微信产品部副总经理张颖“每一个公众号都是一个APP”的说法，我们确实可以利用微信内置浏览器访问为公众号设计WebApp单页应用，以使得客户在访问公众号时有近似原生App的

╰+哭是因爲堅強的太久メ/ 2022年08月09日 00:56/ 0 赞/ 160 阅读

相关微信公众号开发时，按物理返回键时，提示是否退出对话框

<p>在使用微信Weui开发网页时，监听手机上的物理返回键。<strong><span style="color: rgb(255, 0, 0);">当按下返回键时</

秒速五厘米/ 2022年07月28日 06:21/ 0 赞/ 264 阅读

相关关于微信公众号开发上传永久素材时，提示40015

1、关于上传永久素材时，提示40015. 问题在于php 5.6之后CURL不允许使用 @上传问题，可以使用 new CURLFILE('文件代替')或者 curl\

比眉伴天荒/ 2022年06月10日 13:24/ 0 赞/ 176 阅读

相关微信公众号开发

开发微信公众号的意义微信本身就是一个载体,在微信之上建立微信公众号,服务微信的使用者,同理微信自然也为你准备了一大批受众. 微信公众号也可以算作一种独立的产

超、凢脫俗/ 2022年06月01日 06:25/ 0 赞/ 447 阅读

相关微信公众号开发

![70][] 1.java开发的微信公众号。 2.主要功能： a.在线翻译，支持28国，支持中

太过爱你忘了你带给我的痛/ 2022年05月21日 06:35/ 0 赞/ 390 阅读

相关微信公众号开发

微信公众号开发微信公众号开发 1.自定义菜单代码 2.素材管理 3.被动回复消息（包括文字，图片，图文消息）微信公众

本是古典何须时尚/ 2022年05月09日 17:40/ 0 赞/ 498 阅读

相关微信公众号开发

-------------------- 微信公共号入门微信公众号概述: 是微信平台推出的一个面向企业和面向个人的一个服务平台作用：主要是推

爱被打了一巴掌/ 2022年04月11日 10:21/ 0 赞/ 572 阅读