覆蓋window.history.go（-1）

Question

我想做到這一點：

當用戶通過Google Ad-words進入我們的頁面並打算通過瀏覽器中的“后退”按鈕將其保留時，我想向他展示一個渲染的覆蓋層，其中包含一些內容（“找不到要查找的whatcha？我們，我們會幫助您！”……等等。 當然，用戶可以關閉它並返回到Google。

當用戶按下瀏覽器中的“后退”按鈕時，是否有任何乳清控件可以調用該事件處理程序，所以我可以彈出自己的彈出窗口？ :-)

另外：這不應影響按下鏈接或重新加載頁面。

來自德國的問候

Answer 1

您需要創建一個div（將作為疊加層）和一個對話框，其中包含要顯示給用戶的信息。 觸發事件時，請使用jquery.show（）顯示覆蓋圖和對話框。

您可以嘗試這樣的事情：

<html>
   <head>
      <style type="text/css">
           #fullscreen { display:none; position: fixed; z-index:500;  min-height: 100%;  min-width: 1024px;  width: 100%; height: auto; background-color: #565656; top:0; left:0px; margin:0; padding:0; opacity: .5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";  filter: alpha(opacity=50);}      
           #myDialog {display:none;}
      </style>
   </head>
   <body>
      <div id="fullscreen"></div>
      <div id="myDialog title="My Dialog Title" ></div>
   </body>

   <script type="text/javascript>
$(document).ready(function () {
    //When the user attempts to navigate away from the current page...
    $(window).unload(function () {
        $('fullscreen').show();

            $(function () {
                $("#myDialog ").dialog({
                    resizable: false,
                    closeOnEscape: false,
                    width: 660,
                    modal: true,
                    open: function (event, ui) {
                        //hide close button.
                        $(this).parent().children().children('.ui-dialog-titlebar-close').hide();
                    },
                    buttons: {
                        "OK": function () {
                            $(this).dialog("close");
                            $("fullscreen").hide();
                            window.location = "http://mypage.com";
                        },
                        "No, thanks": function () {
                            $(this).dialog("close");
                            $("fullscreen").hide();
                        }
                    }
                });
            });
       });
    });
});
</script>
</html>

然后執行任何需要的操作。 如果您不熟悉jQuery的這些方面，建議您查看一下對話框的文檔： http : //jqueryui.com/dialog/

覆蓋window.history.go（-1）

問題描述

1 個解決方案

解決方案1
0 2013-10-23 15:14:46

覆蓋window.history.go（-1）

問題描述

1 個解決方案

解決方案1 0 2013-10-23 15:14:46

解決方案1
0 2013-10-23 15:14:46