bootstrap modal打开之后,按浏览器回退按钮,虽然页面回退,但是modal的遮罩依然在

如题,此时按浏览器的回退<-按钮,画面回退,但是保护罩依然存在

此时,我们需要抓取回退事件。

方法一

constructor(

private $location: PlatformLocation,

) {

$location.onPopState(() => {

// $('#areaModalBtn').click();

})

}其中areaModalBtn'按钮就是modal中data-miss的按钮,也是modal画面中最右上角的×按钮。将上述代码放到每个modal页面的构造器中即可。

方法二

因为有很多modal也可以采用方法二

window.onpopstate = function () {

// 此处进行你想要的操作 $("body").removeClass("modal-open")

$(".modal-backdrop").remove()

}

方法二参考https://www.jianshu.com/p/e926d85b9267

如有有不能操控页面body的小童鞋可以使用方法一,比如说我!

 

 

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部