1.HTML5  History对象

支持使用pushState()方法修改地址栏地址，而不刷新页面。

popstate事件

当history实体被改变时，popstate事件将会发生。调用pushState()方法或者replaceState()方法是触发，当用户点击浏览器返回按钮时也会触发。

事件注册实例：

window.addEventListener('popstate', function (event) {    console.info(event);    console.info(event.state);    console.info(event.state.id);});

2.根据这个事件，如果在触发是重新添加当前页面状态，这样的话用户通过返回按钮就无法离开这个页面了。

从而实现返回按钮被锁定的状态

 

更多：