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 相关文章推荐
Ruffy javascript 学习笔记
Nov 30 Javascript
Extjs 几个方法的讨论
Jan 28 Javascript
jquery实现心算练习代码
Dec 06 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
Aug 18 Javascript
jQuery插件扩展测试实例
Jun 21 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
Aug 03 Javascript
利用jqgrid实现上移下移单元格功能
Nov 07 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
在微信小程序中保存网络图片
Feb 12 Javascript
微信小程序实现购物车代码实例详解
Aug 29 Javascript
24个ES6方法解决JS实际开发问题(小结)
May 31 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
页面中js执行顺序
2009/11/09 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
js计算两个时间之间天数差的实例代码
2013/11/19 Javascript
js识别uc浏览器的代码
2015/11/06 Javascript
JavaScript操作select元素和option的实例代码
2016/01/29 Javascript
常用Javascript函数与原型功能收藏(必看篇)
2016/10/09 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
原生js实现焦点轮播图效果
2017/01/12 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
vue弹窗消息组件的使用方法
2020/09/24 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
2018/12/10 Javascript
vue-socket.io跨域问题有效解决方法
2020/02/11 Javascript
Vue的自定义组件不能使用click方法的解决
2020/07/28 Javascript
js实现计算器功能
2020/08/10 Javascript
js实现抽奖功能
2020/11/24 Javascript
用Python代码来绘制彭罗斯点阵的教程
2015/04/03 Python
python字符串对其居中显示的方法
2015/07/11 Python
Python中的日期时间处理详解
2016/11/17 Python
基于windows下pip安装python模块时报错总结
2018/06/12 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
俄罗斯化妆品和香水网上商店:Iledebeaute
2019/01/03 全球购物
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
标准毕业生自荐信范文
2013/11/04 职场文书
优秀员工年终发言演讲稿
2014/01/01 职场文书
家庭贫困证明范本(经典版)
2014/09/22 职场文书
毕业生班级鉴定评语
2015/01/04 职场文书
公司行政主管岗位职责
2015/04/09 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
医护人员继续教育学习心得体会
2016/01/19 职场文书
2016年小学教师政治学习心得体会
2016/01/23 职场文书
小学英语课教学反思
2016/02/15 职场文书
MySQL Threads_running飙升与慢查询的相关问题解决
2021/05/08 MySQL
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis