アフィリエイト広告を利用しています

2020年09月02日

戻るボタンを無効にできなくなった。

HTML5では、以下のコードでブラウザの[戻る]ボタンを無効にできていた。


<script type="text/javascript">
history.pushState(null, null, null);

window.addEventListener("popstate", function(e) {
history.pushState(null, null, null);
return;

});
</script>


だが、EdgeとChromeで[戻る]ボタンをクリックすると、

前のページに戻ってしまう。

IEとFire Foxでは無効になる。

Webで検索して、次のページを見つけた。

「Google Chromeではhistory APIを使った戻るボタンの制御ができない」

Chromeでは history.pushState が動作しないらしい。

恥ずかしながら全く、知らなかった。

Edgeは直近のバージョンアップでChromeに似てきたので、

history.pushStateの動作もChromeと同じになったのだろう。

[戻る]ボタンを無効にできないと困ってしまう。

対応策を考えよう。









posted by db-engineer at 00:00 | Comment(0) | Javascript

この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

検索
最新記事
カテゴリーアーカイブ
プロフィール
db-engineerさんの画像
db-engineer
プロフィール
タグクラウド