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 16 Javascript
使用jQuery将多条数据插入模态框的实现代码
Oct 08 Javascript
AngularJS directive返回对象属性详解
Mar 28 Javascript
封装获取dom元素的简单实例
Jul 08 Javascript
ES6中的箭头函数实例详解
Apr 06 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
Vue框架之goods组件开发详解
Jan 25 Javascript
vue+iview 实现可编辑表格的示例代码
Oct 31 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
Nov 28 Javascript
在微信小程序中保存网络图片
Feb 12 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
May 02 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
Sep 06 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后门代码解析
2014/07/05 PHP
微信access_token的获取开发示例
2015/04/16 PHP
php中使用gd库实现远程图片下载实例
2015/05/12 PHP
php封装的smartyBC类完整实例
2016/10/19 PHP
php魔术方法功能与用法实例分析
2016/10/19 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
this和执行上下文实现代码
2010/07/01 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
jsPDF导出pdf示例
2014/05/02 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
使用FileReader API创建Vue文件阅读器组件
2018/04/03 Javascript
Less 安装及基本用法
2018/05/05 Javascript
vue+express 构建后台管理系统的示例代码
2018/07/19 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
[44:40]2018DOTA2亚洲邀请赛3月30日 小组赛A组Liquid VS OG
2018/03/31 DOTA
基于asyncio 异步协程框架实现收集B站直播弹幕
2016/09/11 Python
老生常谈Python序列化和反序列化
2017/06/28 Python
python 为什么说eval要慎用
2019/03/26 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
python 弧度与角度互转实例
2020/04/15 Python
如何基于python实现不邻接植花
2020/05/01 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
Pandas DataFrame求差集的示例代码
2020/12/13 Python
python空元组在all中返回结果详解
2020/12/15 Python
HTML5为输入框添加语音输入功能的实现方法
2017/02/06 HTML / CSS
全球最大最受欢迎的旅游社区:Tripadvisor
2017/11/03 全球购物
美国高档百货Nordstrom的折扣店:Nordstrom Rack
2017/11/13 全球购物
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
金鑫耀Java笔试题
2014/09/06 面试题
法学专业本科生自荐信范文
2013/12/17 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS
MySQL 使用自定义变量进行查询优化
2021/05/14 MySQL
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers