监听返回按钮并返回相应图片

最新推荐文章于 2024-06-24 14:37:41 发布

玉林路扛把子

最新推荐文章于 2024-06-24 14:37:41 发布

阅读量192

点赞数

分类专栏： javascript 文章标签：监听返回按钮 js返回

本文链接：https://blog.csdn.net/qq_29819449/article/details/81234630

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

html部分:

    <div class="go" style="" onclick="hideGofunc()">
        <div class="gocenter"> <img src="/newpages/html/3506/temp/go.png" /></div>
    </div>

js部分

    function hideGofunc() {
        $(".go").css("display","none");
    }
    $(function(){
        pushHistory();
        var noback = true;
        window.addEventListener("popstate", function(e) {//监听返回按钮
            if ( noback ) {
                $(".go").css("display","block");
                noback = false
//                //根据自己的需求实现自己的功能
            } else {
                window.history.go(-1);
            }
        }, false);
        function pushHistory() {
            var state = {
                title: "title",
                url: "#"
            };
            window.history.pushState(state, "title", "#");
        }
    });