2016-12-20 104 views
3

我要關閉瀏覽器上的後退按鈕點擊我的彩箱彈出顏色框彈出。如何關閉瀏覽器的後退按鈕

我使用了一個iframe,並在iframe中有很多鏈接。當用戶點擊特定的鏈接,然後顏色框彈出打開。

當前用戶點擊後退按鈕後彈出彈出窗口,彈出窗口不關閉。

所以我想這樣的功能,如果用戶點擊後退按鈕,然後彈出將關閉,並且頁面不應該返回(禁用後退按鈕)。

我用下面的代碼,但它不是爲我工作。

<script> 
    $(document).ready(function() { 
     function disableBack() { window.history.forward() } 

     window.onload = disableBack(); 
     window.onpageshow = function(evt) { if (evt.persisted) disableBack() } 
    }); 
</script> 

請給我任何建議關閉後退按鈕彈出的顏色框或完全禁用後退按鈕。

回答

1

您應該使用window.location.hashwindow.onhashchange。 基本上,彈出打開後,你改變哈希的東西(如window.location.hash = "popup_opend")。

然後,當用戶點擊回來,該返回點擊將刪除剛剛添加的散列。 你只需要處理window.onhashchange以檢查並關閉彈出窗口。

當然,希望你沒有任何其他代碼來操縱散列。