js禁止Backspace鍵使瀏覽器后退的實現方法

在項目中遇到按下Backspace鍵讓瀏覽器后退的問題,上網搜了幾種解決方案都不太理想 。于是集眾人之智 , 采眾家之長 , 歸納如下:
1、在公用js中定義阻止Backspace的方法

js禁止Backspace鍵使瀏覽器后退的實現方法

方法注釋寫的很清晰了,這里不過多解釋 。
2、頁面加載完成就調用該方法
【js禁止Backspace鍵使瀏覽器后退的實現方法】
js禁止Backspace鍵使瀏覽器后退的實現方法

注: 按鍵事件觸發順序: keydown -> keypress ->textInput -> keyup
存在問題:select下拉列表展開后,無法獲取鍵盤事件,此時按Backspace鍵,瀏覽器還是會回退到歷史;解決辦法:將select下拉框改為easyUI的combobox;
以上這篇js禁止Backspace鍵使瀏覽器后退的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持經驗啦網網 。


相關經驗推薦