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 相关文章推荐
限制文本框输入N个字符的js代码
May 13 Javascript
jQuery实现ichat在线客服插件
Dec 29 Javascript
jQuery中:selected选择器用法实例
Jan 04 Javascript
JS显示表格内指定行html代码的方法
Mar 31 Javascript
JavaScript获取一个范围内日期的方法
Apr 24 Javascript
JS实现为排序好的字符串找出重复行的方法
Mar 02 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
May 18 Javascript
node.js中实现kindEditor图片上传功能的方法教程
Apr 26 Javascript
Vue自定义图片懒加载指令v-lazyload详解
Dec 31 Javascript
原生JS实现图片懒加载(lazyload)实例
Jun 13 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
Sep 05 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 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
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
PHP循环获取GET和POST值的代码
2008/04/09 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
php中时间函数date及常用的时间计算
2017/05/12 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
禁止JQuery中的load方法装载IE缓存中文件的方法
2009/09/11 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
2010/10/14 Javascript
jQuery之按钮组件的深入解析
2013/06/19 Javascript
javascript实现json页面分页实例代码
2014/02/20 Javascript
javascript计时器详解
2015/02/28 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
javascript对象的创建和访问
2016/03/08 Javascript
js获取指定字符前/后的字符串简单实例
2016/10/27 Javascript
CSS+jQuery实现简单的折叠菜单
2016/12/20 Javascript
Node.js中用D3.js的方法示例
2017/01/16 Javascript
微信小程序实现锚点定位楼层跳跃的实例
2017/05/18 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
vue2 设置router-view默认路径的实例
2018/09/20 Javascript
通过实例学习React中事件节流防抖
2019/06/17 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
[02:08]什么藏在DOTA2 TI9“小紫本”里?斧王历险记告诉你!
2019/05/17 DOTA
Python多线程爬虫简单示例
2016/03/04 Python
Python遍历文件夹和读写文件的实现方法
2017/05/10 Python
python之matplotlib学习绘制动态更新图实例代码
2018/01/23 Python
mac安装pytorch及系统的numpy更新方法
2018/07/26 Python
python读写csv文件的方法
2019/08/13 Python
Python缓存技术实现过程详解
2019/09/25 Python
python中def是做什么的
2020/06/10 Python
Alpine安装Python3依赖出现的问题及解决方法
2020/12/25 Python
KENZO官网:高田贤三在法国创立的品牌
2019/05/16 全球购物
农民工创业典型事迹
2014/01/25 职场文书
民族团结演讲稿范文
2014/08/27 职场文书
大学生党员自我批评思想汇报
2014/10/10 职场文书
师德师风整改措施
2014/10/24 职场文书
教师节感谢信
2015/01/22 职场文书