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的小童鞋可以使用方法一,比如说我!
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
