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入门教程
Jun 01 Javascript
jQueryMobile之Helloworld与页面切换的方法
Feb 04 Javascript
javascript顺序加载图片的方法
Jul 18 Javascript
javascript中类的定义方式详解(四种方式)
Dec 22 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
JavaScript实现简单的树形菜单效果
Jun 23 Javascript
Vue2.0 slot分发内容与props验证的方法
Dec 12 Javascript
Node.js使用MySQL连接池的方法实例
Feb 11 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
May 15 Javascript
Vue项目添加动态浏览器头部title的方法
Jul 11 Javascript
js实现头像上传并且可预览提交
Dec 25 Javascript
JavaScript使用setTimeout实现倒计时效果
Feb 19 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
层叠菜单的动态生成
2006/10/09 PHP
php使用imagecopymerge()函数创建半透明水印
2018/01/25 PHP
Docker 安装 PHP并与Nginx的部署实例讲解
2021/02/27 PHP
javascript+xml技术实现分页浏览
2008/07/27 Javascript
不到30行JS代码实现Excel表格的方法
2014/11/15 Javascript
javascript中new关键字详解
2015/12/14 Javascript
jQuery Ajax请求后台数据并在前台接收
2016/12/10 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
2016/12/12 Javascript
js 性能优化之快速响应的用户界面
2017/02/15 Javascript
Angular中$broadcast和$emit的使用方法详解
2017/05/22 Javascript
js实现鼠标拖拽多选功能示例
2017/08/01 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
2019/01/28 Javascript
JS实现计算小于非负数n的素数的数量算法示例
2019/02/26 Javascript
JQuery中的常用事件、对象属性与使用方法分析
2019/12/23 jQuery
如何手写一个简易的 Vuex
2020/10/10 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
浅谈用VSCode写python的正确姿势
2017/12/16 Python
详解Python nose单元测试框架的安装与使用
2017/12/20 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
Python基于plotly模块实现的画图操作示例
2019/01/23 Python
Django 请求Request的具体使用方法
2019/11/11 Python
详解Css3新特性应用之过渡与动画
2017/01/10 HTML / CSS
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
中东地区为妈妈们提供一切的头号购物目的地:Sprii
2018/05/06 全球购物
美国折扣宠物药房:Total Pet Supply
2018/05/27 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
农田水利实习自我鉴定
2013/09/19 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
幼儿园教师的考核评语
2014/04/18 职场文书
文明礼仪演讲稿
2014/05/12 职场文书
公司的门卫岗位职责
2014/09/09 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
节水倡议书
2015/01/19 职场文书
英国数字版游戏销量周榜公布 《小缇娜的奇幻之地》登顶
2022/04/03 其他游戏
JavaScript声明变量和数据类型的转换
2022/04/12 Javascript
Python可视化神器pyecharts绘制水球图
2022/07/07 Python