vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
2019-05-10 18:05
1071 查看
[注]:popstate 事件
a.当活动历史记录条目更改时，将触发popstate事件。
b.如果被激活的历史记录条目是通过对history.pushState（）的调用创建的，或者受到对history.replaceState（）的调用的影响，popstate事件的state属性包含历史条目的状态对象的副本。
c.需要注意的是调用history.pushState()或history.replaceState()不会触发popstate事件。
d.只有在做出浏览器动作时，才会触发该事件，如用户点击浏览器的回退按钮（或者在Javascript代码中调用history.back()）
具体代码：
1.弹窗事件中调用
2. mounted 生命周期 监听popstate 事件
3.beforeDestroy 生命周期 移除popstate 事件
总结
以上所述是小编给大家介绍的vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
您可能感兴趣的文章:
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- javascript 跳转页面 关闭当前页面 返回上页面
- 微信，苹果手机后退功能页面跳转报错处理
- Android串口通讯，在线程里一直监听是否有消息发来，接收到消息到runOnUiThread处理跳转页面，页面跳转关闭之后，在发送消息尽然还会执行在打开页面？
- 如何绑定android点击事件--跳转到另一个页面并实现关闭功能？
- vue中用户未登录跳转到登录页，登录后返回将要去的页面或者之前的页面
- vue页面跳转后返回原页面初始位置方法
- 从A页面跳转到B页面，从B页面按浏览器自带按钮返回到A页面并且刷新页面--手机操作浏览器自带返回并自带刷新
- vue.js 监听到微信浏览器返回事件，关闭浏览器，返回公众号号主体
- js实现弹窗提示，N秒后自动关闭并跳转页面
- 关于跳转到空白页面进行新浪微博分享，当点击取消保存到草稿时无法监听，返回空白页问题的解决方案
- vue-router--路由传参结合请求数据（页面底部按钮跳转功能实现参考）
- js 实现返回上一页和刷新等页面跳转功能
- mui+vue监听安卓手机返回键
- vue 项目中 如何动态监听浏览器以及iOS手机微信自带的返回按钮的事件
- WayOs全面支持安卓手机，防二级路由开关、充值卡到期自动跳转页面功能隆重发布
- 监听手机返回键或浏览器后退键并自定义跳转地址
- iOS开发 指定页面关闭右滑手势返回功能
- vue页面跳转后返回原页面初始位置
- 监听手机返回键事件及返回微信公众号页面
- struts2登录验证返回页面跳转