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 浏览器判断实现函数
Aug 20 Javascript
javascript replace()正则替换实现代码
Feb 26 Javascript
JS 非图片动态loading效果实现代码
Apr 09 Javascript
javascript验证上传文件的类型限制必须为某些格式
Nov 14 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
js实现图片点击左右轮播
Jul 08 Javascript
Jquery 垂直多级手风琴菜单附源码下载
Nov 17 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
es6系列教程_ Map详解以及常用api介绍
Sep 25 Javascript
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
May 08 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
无线电的诞生过程
2021/03/01 无线电
使用NetBeans + Xdebug调试PHP程序的方法
2011/04/12 PHP
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
PHP实现的连贯操作、链式操作实例
2014/07/08 PHP
codeigniter中实现一次性加载多个view的方法
2015/03/20 PHP
php微信开发之图片回复功能
2018/06/14 PHP
PHP实现Markdown文章上传到七牛图床的实例内容
2020/02/11 PHP
Javascript 自定义类型方法小结
2010/03/02 Javascript
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
2012/05/30 Javascript
js中的屏蔽的使用示例
2013/07/30 Javascript
js 处理数组重复元素示例代码
2013/12/27 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
angularjs ui-router中路由的二级嵌套
2017/03/10 Javascript
JS使用cookie实现只出现一次的广告代码效果
2017/04/22 Javascript
详解vue-cli与webpack结合如何处理静态资源
2017/09/19 Javascript
一个有意思的鼠标点击文字特效jquery代码
2017/09/23 jQuery
Angular2的管道Pipe的使用方法
2017/11/07 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
2018/06/25 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
2020/09/21 Javascript
[00:43]TI7不朽珍藏III——幽鬼不朽展示
2017/07/15 DOTA
wxpython 最小化到托盘与欢迎图片的实现方法
2014/06/09 Python
Python自动扫雷实现方法
2015/07/25 Python
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
Python使用Selenium模块模拟浏览器抓取斗鱼直播间信息示例
2018/07/18 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
python开发准备工作之配置虚拟环境(非常重要)
2019/02/11 Python
python try except返回异常的信息字符串代码实例
2019/08/15 Python
使用Django搭建网站实现商品分页功能
2020/05/22 Python
在pycharm中使用matplotlib.pyplot 绘图时报错的解决
2020/06/01 Python
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
留学推荐信写作指南
2014/01/25 职场文书
婚前财产公证书
2014/04/10 职场文书
2014年保险业务员工作总结
2014/12/23 职场文书
利用nginx搭建RTMP视频点播、直播、HLS服务器
2022/05/25 Servers