vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)


Posted in Javascript onMay 10, 2019

[注]:popstate 事件

a.当活动历史记录条目更改时,将触发popstate事件。

b.如果被激活的历史记录条目是通过对history.pushState()的调用创建的,或者受到对history.replaceState()的调用的影响,popstate事件的state属性包含历史条目的状态对象的副本。

c.需要注意的是调用history.pushState()history.replaceState()不会触发popstate事件。

d.只有在做出浏览器动作时,才会触发该事件,如用户点击浏览器的回退按钮(或者在Javascript代码中调用history.back()

具体代码:

1.弹窗事件中调用

vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)

2. mounted 生命周期 监听popstate 事件

vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)

3.beforeDestroy 生命周期 移除popstate 事件

vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)

总结

以上所述是小编给大家介绍的vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
一系列Bootstrap导航条使用方法分享
Apr 29 Javascript
对Js OOP编程 创建对象的一些全面理解
Jul 26 Javascript
浅谈jQuery中的checkbox问题
Aug 10 Javascript
JS扩展类,克隆对象与混合类实例分析
Nov 26 Javascript
vue使用代理解决请求跨域问题详解
Jul 24 Javascript
100行代码实现vue表单校验功能(小白自编)
Nov 19 Javascript
vue多个元素的样式选择器问题
Nov 29 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
Nov 03 Javascript
JavaScript执行机制详细介绍
Dec 06 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 #Javascript
vue element中axios下载文件(后端Python)
May 10 #Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 #Javascript
简单通过settimeout看javascript的运行机制
May 10 #Javascript
详解js实时获取并显示当前时间的方法
May 10 #Javascript
JS获取本地地址及天气的方法实例小结
May 10 #Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
May 10 #Javascript
You might like
PHP 和 XML: 使用expat函数(三)
2006/10/09 PHP
php/js获取客户端mac地址的实现代码
2013/07/08 PHP
destoon文章模块调用企业会员资料的方法
2014/08/22 PHP
PHP中实现获取IP和地理位置类分享
2015/02/10 PHP
利用php_imagick实现复古效果的方法
2016/10/18 PHP
JS打开层/关闭层/移动层动画效果的实例代码
2013/05/11 Javascript
js 判断浏览器使用的语言示例代码
2014/03/22 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
JavaScript制作颜色反转小游戏
2016/09/25 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
Angular将填入表单的数据渲染到表格的方法
2017/09/22 Javascript
js 动态校验开始结束时间的实现代码
2020/05/25 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
Vue.js使用axios动态获取response里的data数据操作
2020/09/08 Javascript
python列表的常用操作方法小结
2016/05/21 Python
python 以16进制打印输出的方法
2018/07/09 Python
python 阶乘累加和的实例
2019/02/01 Python
对python周期性定时器的示例详解
2019/02/19 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
Pandas库之DataFrame使用的学习笔记
2019/06/21 Python
django用户登录验证的完整示例代码
2019/07/21 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
pytorch中的inference使用实例
2020/02/20 Python
Python如何用wx模块创建文本编辑器
2020/06/07 Python
以特惠价提供在线奢侈品购物:FRMODA.com
2018/01/25 全球购物
英国领先的在线礼品店:Getting Personal
2019/09/24 全球购物
医学生实习自荐信
2013/10/01 职场文书
高中毕业生自我鉴定例文
2013/12/29 职场文书
单位刻章介绍信范文
2014/01/11 职场文书
安全生产承诺书
2014/03/26 职场文书
医院合作协议书
2014/08/19 职场文书
2014教师党员自我评议总结
2014/09/19 职场文书
缓刑期间思想汇报范文
2014/10/10 职场文书
吃空饷专项整治方案
2014/10/27 职场文书
纯CSS实现酷炫的霓虹灯效果
2021/04/13 HTML / CSS