Q&A
アンドロイドのスマホで戻るボタンが効かないようにしたいのですが、下記のhtmlでテストを行い「aaaa」のタグを押したら戻らないようになりました。
ただ、「aaaa」を押さず、更新後すぐ戻るボタンを押すと戻ってしまいます。
何か良い方法はありませんか？
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>タイトル</title> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script src="./js/jquery-3.4.1.min.js"></script> <meta name="Copyright" content="コンテンツ"> </head> <script type="text/javascript">// 戻るボタンを制御
history.pushState(null, null, null);
$(window).on("popstate", function(event) {
if (!event.originalEvent.state) {
history.pushState(null, null, null);
return;
}
});
<a href="#">aaaa</a>
</body> </html>
あなたの回答
tips
プレビュー
