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的direction图片渐变动画效果
May 24 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
Apr 12 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
Apr 10 Javascript
js生成验证码并直接在前端判断
May 15 Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
Mar 26 Javascript
JS中用try catch对代码运行的性能影响分析
Dec 26 Javascript
babel基本使用详解
Feb 17 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
Mar 03 Javascript
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
小程序实现列表多个批量倒计时
Jan 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
用Php实现链结人气统计
2006/10/09 PHP
php简单静态页生成过程
2008/03/27 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
学习从实践开始之jQuery插件开发 对话框插件开发
2012/04/26 Javascript
解析Javascript中大括号“{}”的多义性
2013/12/02 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
2013/12/29 Javascript
如何动态的导入js文件具体该怎么实现
2014/01/14 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
2014/09/26 Javascript
Javascript URI 解析介绍
2015/03/15 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
2015/08/21 Javascript
使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
2015/11/23 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
使用nvm管理不同版本的node与npm的方法
2017/10/31 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
vue写一个组件
2018/04/09 Javascript
页面点击小红心js实现代码
2018/05/26 Javascript
小程序云函数调用API接口的方法
2019/05/17 Javascript
JS中自定义事件的使用与触发操作实例分析
2019/11/01 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
[02:12]2015国际邀请赛 SHOWOPEN
2015/08/05 DOTA
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
[01:52]PWL S2开团时刻第四期——DOTA2成语故事
2020/12/03 DOTA
python fabric使用笔记
2015/05/09 Python
Python学习小技巧之列表项的拼接
2017/05/20 Python
Python三级菜单的实例
2017/09/13 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
使用phonegap克隆和删除联系人的实现方法
2017/03/31 HTML / CSS
美国领先的在线旅游网站:Orbitz
2018/11/05 全球购物
学校教代会开幕词
2016/03/04 职场文书
竞聘演讲报告:基本写作有哪些?附开头范文
2019/10/16 职场文书
Python实战之用tkinter库做一个鼠标模拟点击器
2021/04/27 Python
如何vue使用el-table遍历循环表头和表体数据
2022/04/26 Vue.js