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 相关文章推荐
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 Javascript
动态加载脚本提升javascript性能
Feb 24 Javascript
javascript实现带节日和农历的日历特效
Feb 01 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 Javascript
javascript实现Table排序的方法
May 15 Javascript
javascript中Date()函数在各浏览器中的显示效果
Jun 18 Javascript
javascript倒计时效果实现
Nov 12 Javascript
JavaScript制作颜色反转小游戏
Sep 25 Javascript
十分钟带你快速了解React16新特性
Nov 10 Javascript
vue 通过下拉框组件学习vue中的父子通讯
Dec 19 Javascript
js循环map 获取所有的key和value的实现代码(json)
May 09 Javascript
JS操作字符串转数字的常见方法示例
Oct 29 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
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
phpcms实现验证码替换及phpcms实现全站搜索功能教程详解
2017/12/13 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
PhpStorm连接服务器并实现自动上传功能
2020/12/09 PHP
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
2010/01/07 Javascript
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
jQuery源码中的chunker 正则过滤符分析
2012/07/31 Javascript
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
2016/05/09 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
AngularJS轻松实现双击排序的功能
2016/08/30 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
2017/08/16 Javascript
微信小程序实现折线图的示例代码
2019/06/07 Javascript
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
JavaScript中作用域链的概念及用途讲解
2020/08/06 Javascript
[01:03]PWL开团时刻DAY6——别打我
2020/11/05 DOTA
python黑魔法之编码转换
2016/01/25 Python
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
PyQt5实现简易计算器
2020/05/30 Python
利用Python实现Shp格式向GeoJSON的转换方法
2019/07/09 Python
解决Python设置函数调用超时,进程卡住的问题
2019/08/08 Python
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
香港钟表珠宝首饰商城:OneMallTime网摩间
2016/10/14 全球购物
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
abstract是什么意思
2012/02/12 面试题
药学专业毕业生求职信
2013/10/20 职场文书
酒店总经理职务说明书
2014/02/26 职场文书
《狮子和兔子》教学反思
2014/03/02 职场文书
中考冲刺决心书
2014/03/11 职场文书
创先争优演讲稿
2014/09/15 职场文书
个人专业技术总结
2015/03/05 职场文书
介绍信范文大全
2015/05/07 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书