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 相关文章推荐
让IE8支持DOM 2(不用框架!)
Dec 31 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
用JavaScript实现页面重定向功能的教程
Jun 04 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 Javascript
理解javascript模块化
Mar 28 Javascript
全面解析Bootstrap中form、navbar的使用方法
May 30 Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 Javascript
JS获取多维数组中相同键的值实现方法示例
Jan 06 Javascript
Vue项目数据动态过滤实践及实现思路
Sep 11 Javascript
推荐一个基于Node.js的表单验证库
Feb 15 Javascript
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
Vue包大小优化的实现(从1.72M到94K)
Feb 18 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编译安装时常见错误解决办法
2015/05/28 PHP
PHP实现的json类实例
2015/07/28 PHP
PHP面向对象五大原则之开放-封闭原则(OCP)详解
2018/04/04 PHP
PHP排序算法之基数排序(Radix Sort)实例详解
2018/04/21 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
2016/10/10 Javascript
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
ES6基础之 Promise 对象用法实例详解
2019/08/22 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
2019/09/17 Javascript
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
javascript异常处理实现原理详解
2020/02/17 Javascript
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
使用Python通过win32 COM打开Excel并添加Sheet的方法
2018/05/02 Python
python脚本实现验证码识别
2018/06/07 Python
Apache部署Django项目图文详解
2019/07/30 Python
django ListView的使用 ListView中获取url中的参数值方式
2020/03/27 Python
python实现canny边缘检测
2020/09/14 Python
python实现在列表中查找某个元素的下标示例
2020/11/16 Python
Python爬虫分析微博热搜关键词的实现代码
2021/02/22 Python
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
2012/12/28 HTML / CSS
HTML5 video标签(播放器)学习笔记(二):播放控制
2015/04/24 HTML / CSS
园长自我鉴定
2013/10/06 职场文书
大学生村官典型材料
2014/01/12 职场文书
亲戚结婚的请假条
2014/02/11 职场文书
和谐社区口号
2014/06/19 职场文书
2014法制宣传日活动总结
2014/07/09 职场文书
会计专业求职信
2014/08/10 职场文书
工作推荐信模板
2015/03/25 职场文书
2015年技术工作总结范文
2015/04/20 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
励志语录:时光飞逝,请学会珍惜所有的人和事
2020/01/16 职场文书
MySQL 常见存储引擎的优劣
2021/06/02 MySQL
springBoot基于webSocket实现扫码登录
2021/06/22 Java/Android