![](/.netlify/images?url=https%3A%2F%2Fuseful-tech-blog.assets.newt.so%2Fv1%2F4fe734d2-b937-4192-aea6-52372a8c92ab%2FDALL%25C2%25B7E-2024-04-11-20.20.png&w=1200&h=630)
[JavaScript]ブラウザの戻るボタンを禁止する方法 2019
History API の pushstate
, popstate
を使ってブラウザバックを制御します。
javascript
document.addEventListener('DOMContentLoaded', function() {
history.pushState(null, null, null)
window.addEventListener('popstate', function(){
history.pushState(null, null, null);
})
})
Chrome 以外はこれでブラウザバックが無効になります。
Chrome は画面内のどこかをクリックしたあとでないと popstate
が発火しません。遷移したあとすぐにブラウザの戻るボタンを押すと普段通りに戻れてしまいます。2018年末にはこの仕様になっていたようです。
Google working on blocking Back button hijacking in Chrome
https://www.zdnet.com/article/google-working-on-blocking-back-button-hijacking-in-chrome/
jQuery でいうところの $('body').trigger('click')
みたいなことをしてもダメです。
まあ、「ブラウザの戻るボタンを無効にして戻れなくしてやろう」なんて極悪な考えなのでよほどのことがない限り実装しないほうがいいと思いますね。
以上。