收起左侧

[前端] 点击浏览器返回按钮触发弹窗提示代码

1
回复
[复制链接]
avatar
  • TA的每日心情
    qdsmile开心
    2019-6-10 15:08
  • 签到天数: 3 天

    [LV.2]小吧熟人

    4

    主题

    3

    帖子

    64

    积分

    发表于 2019-6-3 15:52:47 | 显示全部楼层 |阅读模式
    有时候我们做项目,难免会遇到浏览器返回的时候提示用于提醒用户
    下面就是方法介绍
    js:
    1. <script>   
    2.     history.pushState(null, null, document.URL);
    3.     window.addEventListener('popstate', function () {
    4.         $("#fourBigBox").show();
    5.         $("#Detail-Close").click(function () {
    6.                 $("#fourBigBox").css("display", 'none');
    7.             });
    8.     },false);
    9. </script>
    复制代码
    #fourBigBox 就是你要显示的div
    #Detail-Close   是关闭按钮
    参与人数 1金币 +60 收起 理由
    avatar itjc8 + 60 赞一个!

    查看全部评分总评分 : 金币 +60

    avatar
  • TA的每日心情
    qdsmile擦汗
    2021-2-10 20:32
  • 签到天数: 27 天

    [LV.4]常来常往

    0

    主题

    0

    帖子

    94

    积分

    发表于 2020-4-19 22:31:12 | 显示全部楼层
    哎,好难啊。
    您需要登录后才可以回帖 登录 | 立即注册 QQ登录

    本版积分规则