在使用某些js外掛程式（fullpage、swipe等）的時候，我發現這些外掛程式使用過程中居然遮蔽掉了這個事件，這也給了我信心，於是我開始了嘗試。
方法一：
直接在需要開發的頁面引入fullpage，把所有內容裝在fullpage的第乙個頁面中進行編輯，這樣就由fullpage幫我們實現了遮蔽右劃後退的事件。
這個方法最簡單最暴力，適用於單頁面的簡單應用。
方法二：
直接遮蔽掉瀏覽器的後退事件。
方法三：
禁止左右划動手勢
css屬性touch-action（touch-action詳解）用於指定某個給定的區域是否允許使用者操作，以及如何響應使用者操作（比如瀏覽器自帶的划動、縮放等）。設定html的touch-action:pan-y，即啟用單指垂直平移手勢，然而這個方法在pc端模擬的時候可以，在移動端使用的時候卻失效。
方法四：
阻止touchmove事件傳遞，再通過scrolltop來使頁面上下滾動
這個方法基本已經完美解決了這個問題，只是上下滑動過程中感覺畫面渲染有一點點失真，不知道是不是心理作用
方法五：
使用iscroll（學習位址）
這個外掛程式包含了很多滑動的方法，對於移動端也很友好，用作移動端的頁面滑動，效果也可以媲美原生，學習起來也很快。
JS禁止瀏覽器後退鍵
背景說明 今天專案測試中，同事發現乙個bug，當鍵盤敲下後退鍵 backspace 後，瀏覽器自動後退，不符合需求，故建議禁止瀏覽器後退鍵。提出需求 html 當鍵盤敲下後退鍵 backspace 後 1 禁止瀏覽器自動後退 2 但不影響密碼 單行文字 多行文字輸入框等的回退操作 解決方案 網上搜了...
瀏覽器核心 移動端瀏覽器核心
主流瀏覽器核心 1 ie瀏覽器 trident核心 2 firefox瀏覽器 gecko核心 3 safari瀏覽器 webkit核心 4 chrome瀏覽器 blink核心 blink是webkit的乙個分支 5 opera瀏覽器 最初是presto，後來是webkit，現在是blink核心 擴充...
利用js實現 禁用瀏覽器後退
現在很多的內部系統，一些介面，都是使用者手動點選退出按鈕的。但是為了避免，使用者誤操作 點選瀏覽器後退，或者用滑鼠手勢後退什麼的。容易出現誤操作。所以在有些頁面上，適當的禁用瀏覽器的後退，是可以提高很大的使用者體驗。在網上查，可以查到很多js禁用後退的材料。用的多的方法如下 1 回退後，產生乙個前進...