angular5监听浏览器的前进和后退按钮(PlatformLocation)

今天遇到一个测试提出一个BUG,点击一个按钮会出现一个弹窗,然后点击浏览器的后退按钮,发现弹窗消失了,但是灰色蒙版还在,导致列表页面还是灰色的并且不可操作!

angular提供了可以监听浏览器前进和后退按钮的类PlatformLocation,直接上代码:

  constructor(private $router: Router,private $releaseManagerService: ReleaseManagementService,private $fb: FormBuilder,private $location: PlatformLocation) {$location.onPopState(() => {// 这里写要做的事情就可以了});

angular5监听浏览器的前进和后退按钮(PlatformLocation)相关推荐

linux输入数字切换浏览器tab,js监听浏览器tab窗口切换
js监听浏览器tab窗口切换 --IT唐伯虎摘要:js监听浏览器tab窗口切换. if (document.hidden !== undefined) { document.addEventList ...
js监听浏览器返回、后退、上一页按钮事件方法
一.监听浏览器事件⼤家知道在页⾯中我们可以使⽤javascript window history,后退到前⾯页⾯,但是由于安全原因javascript不允许修改history ⾥已有的url链接,但 ...
Vue监听浏览器前进后退物理返回键(浏览器自带的)
Vue监听浏览器前进后退物理返回键在某些需求下要监听用户物理按键. popstate事件只会在页面不跳转的情况下,路由发生变化触发. created() { // 创建vm实例后执行// 浏览器控制 ...
html5 浏览器退回事件,html5的pushstate以及监听浏览器返回事件的实现
这篇文章主要介绍了html5的pushstate以及监听浏览器返回事件的实现,主要介绍了pushstate的使用,以及监听浏览器的解决等问题,感兴趣的可以一起来了解一下 pushstate与监听浏览器 ...
监听浏览器的返回事件，禁止浏览器返回
//禁止页面后退 history.pushState(null,null,document.URL); window.addEventListener('popstate',function(){// ...
【不得不看的几种js监听浏览器返回,关闭,刷新】
监听浏览器切换页面 //切换页面document.addEventListener('visibilitychange', function () { //浏览器切换事件if (document.vi ...
vue3实现H5监听浏览器回退并阻止回退
当你的移动端页面有弹窗的组件并且这个组件不是来自于某些知名的组件库,你是否有这样的需求?当用户唤起弹窗之后又按下了手机自带的回退键,弹窗之前的页面也被关掉了,而用户本身的意愿是关掉弹窗而已.如果你也有 ...
popState 监听浏览器切换路由
浏览器内 popState 监听器使用在前端开发过程中,在一些业务场景中可能会遇到监听浏览器前进/后退.控制路由等情况.我们可以使用Web API提供的popState事件来处理这些情况,提到pop ...
javaScript如何监听浏览器关闭事件
转载链接:http://www.cnblogs.com/Tim_Liu/archive/2010/11/09/1872596.html 最近写东西的时候发现需要对浏览器的关闭进行监听, 当用户关闭的时 ...

angular5监听浏览器的前进和后退按钮(PlatformLocation)

今天遇到一个测试提出一个BUG,点击一个按钮会出现一个弹窗,然后点击浏览器的后退按钮,发现弹窗消失了,但是灰色蒙版还在,导致列表页面还是灰色的并且不可操作!

angular5监听浏览器的前进和后退按钮(PlatformLocation)相关推荐

最新文章

热门文章