Edited at

jQueryでブラウザの戻るボタンを禁止する

More than 1 year has passed since last update.


ブラウザの戻るボタンの禁止

昔はhistory.back(-1)なんて誤魔化したもんですが(動作上は一瞬戻って進む)、今はちゃんとヒストリが操作出来るんですね。

ブラウザの履歴を操作する - ウェブデベロッパーガイド | MDN

社内システムなんかで便利です。

history.pushState(null, null, null);

$(window).on("popstate", function (event) {
if (!event.originalEvent.state) {
history.pushState(null, null, null);
return;
}
});

古いjQuery(1.7未満)を使わざるを得ない場合、下記で。

history.pushState(null, null, null);

$(window).bind("popstate", function (event) {
if (!event.originalEvent.state) {
history.pushState(null, null, null);
return;
}
});