利用js實現 禁用瀏覽器後退

2022-09-15 09:24:14 字數 1095 閱讀 3672

現在很多的內部系統,一些介面,都是使用者手動點選退出按鈕的。但是為了避免,使用者誤操作 點選瀏覽器後退,或者用滑鼠手勢後退什麼的。容易出現誤操作。 

所以在有些頁面上,適當的禁用瀏覽器的後退,是可以提高很大的使用者體驗。 

在網上查,可以查到很多js禁用後退的材料。

這種方式,不算是乙個滿意的解決方式。因為使用者能體驗到,介面的後退,前進。體驗不好。

"j**ascript"> 

j**ascript:window.history.forward(1);

script>

這種做法,沒有辦法消除滑鼠的誤操作

"text/j**ascript"> 

//處理鍵盤事件 禁止後退鍵(backspace)密碼或單行、多行文字框除外

function banbackspace(e)

if(flag1)

} //禁止後退鍵 作用於firefox、opera

document.onkeypress=banbackspace;

//禁止後退鍵 作用於ie、chrome

document.onkeydown=banbackspace;

script>

也是查詢了好多資料才找到的,這種方式,可以消除 後退的所有動作。包括 鍵盤、滑鼠手勢等產生的後退動作。

"j**ascript">

//防止頁面後退

history.pushstate(null, null, document.url);

window.addeventlistener('popstate', function () );

script>

現在,我們專案中就使用了第三種方式。在常用瀏覽器中,都可以禁用了後退。

//禁用瀏覽器返回functionfobidden_back() 

//啟用瀏覽器返回functionenable_back()functionback_common()

利用js實現 禁用瀏覽器後退

現在很多的內部系統,一些介面,都是使用者手動點選退出按鈕的。但是為了避免,使用者誤操作 點選瀏覽器後退,或者用滑鼠手勢後退什麼的。容易出現誤操作。所以在有些頁面上,適當的禁用瀏覽器的後退,是可以提高很大的使用者體驗。在網上查,可以查到很多js禁用後退的材料。用的多的方法如下 1 回退後,產生乙個前進...

禁用瀏覽器後退按鈕

為解決瀏覽器後退按鈕禁用的方法,在網上搜尋了幾個方法,雖然可用但是沒有太完美的.1 利用js產生乙個 前進 的動作,以抵消後退功能,這種方法應該是最簡潔的,並且不需要考慮使用者連點兩次或多次 後退 的情況,缺點是當使用者端禁用了j ascript之後即失效。2 logout back disable...

禁用瀏覽器的後退按鈕

禁用瀏覽器的後退按鈕 瀏覽器的後退按鈕使得我們能夠方便地返回以前訪問過的頁面,它無疑非常有用。但有時候我們不得不關閉這個功能,以防止使用者打亂預定的頁面訪問次序。本文介紹網路上可找到的各種禁用瀏覽器後退按鈕方案,分析它們各自的優缺點和適用場合。一 概述 曾經有許多人問起,怎樣才能 禁用 瀏覽器的後退...