haizlin/fe-interview

[js] 第456天 当用户打开一个网页时,想一直停留在当前打开的页面,如何禁止页面前进和后退

Opened this issue · 2 comments

第456天 当用户打开一个网页时,想一直停留在当前打开的页面,如何禁止页面前进和后退

作者:cxwht

3+1官网

我也要出题

没有历史记录就不会前进后退
window.history.forward(-1);

此需求很不人性化
如果必须实现. 使用 history.pushState 并 监听 popstate 事件. 使历史记录最顶层永远是当前 url

  var url = document.URL;
  history.pushState({
    url
  }, '', url);

  window.onpopstate = function (event) {
    history.pushState({
      url
    }, '', url);
  };