はてなブックマーク

はじめに たまにブラウザの戻るボタン押したらアラートが出て戻れないようになっているサイトありますよね。 あれをjQueryで実装する機会があり、 色々検索してやろうとしたんですが、なかなかできない or コード量が多く… 何とか試行錯誤して簡潔にブラウザのバックボタンを無効にできたので、実装方法をまとめました。 ソースコード コードは短め。jQuery使ってます。 $(function(){ history.pushState(null, null, null); //ブラウザバック無効化 //ブラウザバックボタン押下時 $(window).on("popstate", function (event) { history.pushState(null, null, null); window.alert('前のページに戻る場合、前に戻るボタンから戻ってください。'); }); }); 解