11
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

JSでブラウザの戻るボタンを止める方法。

Last updated at Posted at 2023-09-13

ウェブ開発の世界では、JavaScriptは開発者がインタラクティブでダイナミックなウェブアプリケーションを作成できる強力なツールです。ウェブ開発における一般的な要件の1つに、ブラウザの戻るボタンの動作を制御することがあります。

このブログ記事では、ブラウザの戻るボタンを無効にするJavaScriptのコード・スニペットを深く掘り下げ、それがどのように機能するのかを順を追って説明します。

app/javascripts/packs/application.js

function DisableBackButton(){
 window.history.forward()
}
DisableBackButton();
window.onload = DisableBackButton;
window.onpageshow = function(evt) { if (evt.persisted) DisableBackButton() }
window.onload = function() {void(0)}

要約すると、このJavaScriptコードスニペットは、ページがロードされるたびに履歴をナビゲートしてブラウザの戻るボタンを無効にし、ユーザーが前のページに戻るのを防ぐように設計されています。さらに、onpageshowイベントを処理することで、ユーザーがブラウザの履歴をナビゲートする際に戻るボタンが無効化されたままになるようにしています。

ハッピー・デプロイ!続報をお待ちください。

11
20
4

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?