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 相关文章推荐
node.js中的fs.futimesSync方法使用说明
Dec 17 Javascript
超级给力的JavaScript的React框架入门教程
Jul 02 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
Dec 10 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
Node.js的npm包管理器基础使用教程
May 26 Javascript
jquery 抽奖小程序实现代码
Oct 12 Javascript
JavaScript实现的CRC32函数示例
Nov 23 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
Nov 23 Javascript
微信小程序动态生成二维码的实现代码
Jul 25 Javascript
vue中promise的使用及异步请求数据的方法
Nov 08 Javascript
Vue仿Bibibili首页的问题
Jan 21 Vue.js
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
Nov 27 Vue.js
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 数组二分法查找函数代码
2010/02/16 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
php禁止某ip或ip地址段访问的方法
2015/02/25 PHP
实例介绍PHP删除数组中的重复元素
2019/03/03 PHP
BOOM vs RR BO5 第一场 2.14
2021/03/10 DOTA
Javascript 代码也可以变得优美的实现方法
2009/06/22 Javascript
jquery 学习笔记一
2010/04/07 Javascript
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
Knockoutjs的环境搭建教程
2012/11/26 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
domReady的实现案例
2016/11/23 Javascript
js 输入框 正则表达式(菜鸟必看教程)
2017/02/19 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
2018/08/22 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
Vue路由权限控制解析
2020/11/09 Javascript
谈谈如何手动释放Python的内存
2016/12/17 Python
Python递归函数定义与用法示例
2017/06/02 Python
Python django实现简单的邮件系统发送邮件功能
2017/07/14 Python
Python之csv文件从MySQL数据库导入导出的方法
2018/06/21 Python
python解决字符串倒序输出的问题
2018/06/25 Python
python学习开发mock接口
2019/04/28 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
学习Django知识点分享
2019/09/11 Python
Pytorch自己加载单通道图片用作数据集训练的实例
2020/01/18 Python
Django 拼接两个queryset 或是两个不可以相加的对象实例
2020/03/28 Python
Anconda环境下Vscode安装Python的方法详解
2020/03/29 Python
如何解决安装python3.6.1失败
2020/07/01 Python
详解Pycharm安装及Django安装配置指南
2020/09/15 Python
Pycharm 跳转回之前所在页面的操作
2021/02/05 Python
瑞典网上购买现代和复古家具:Reforma
2019/10/21 全球购物
J2EE相关知识面试题
2013/08/26 面试题
借款民事起诉状范文
2015/05/19 职场文书