浅谈通过JS拦截 pushState和replaceState事件

history.pushState 和 history.replaceState 可以在不刷新当前页面的情况下更改URL，但是这样就无法获取通过AJAX得到的新页面的内容了。

虽然各种HTML5文档说 window.onpopstate 事件可以拦截 pushState 的消息，但在实际的测试中， onpopstate 根本没有任何作用，无法拦截 pushState 的消息。

经过Google一番，才找到了正确获取 pushState 事件的代码

https://stackoverflow.com/a/25673911

// Add this:
var _wr = function(type) {
  var orig = history[type];
  return function() {
    var rv = orig.apply(this, arguments);
    var e = new Event(type);
    e.arguments = arguments;
    window.dispatchEvent(e);
    return rv;
  };
};
history.pushState = _wr('pushState');
history.replaceState = _wr('replaceState');

// Use it like this:
window.addEventListener('pushState', function(e) {
  console.warn('THEY DID IT AGAIN!');
});
window.addEventListener('replaceState', function(e) {
  console.warn('THEY DID IT AGAIN!');
});

这段代码改写了 history 中原来的函数，然后自己激活一个事件

这样就可以解决 pushState 无法激活事件的问题了

另外记得最好将这段代码放在文档加载前执行

以上这篇浅谈通过JS拦截 pushState和replaceState事件就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# pushState和replaceState事件  # 这段  # 给大家  # 文档  # 放在  # 没有任何  # 但在  # 希望能  # 写了  # 这篇  # 浅谈  # 小编  # 大家多多  # 就可以  # 情况下  # 找到了  # 加载  # 新页面  # 测试中  # color  # style 

相关文章： 网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  平台云上自助建站如何快速打造专业网站？  如何通过云梦建站系统实现SEO快速优化？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  在线制作视频的网站有哪些,电脑如何制作视频短片？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  广平建站公司哪家专业可靠？如何选择？  如何配置IIS站点权限与局域网访问？  建站VPS配置与SEO优化指南：关键词排名提升策略  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  公司门户网站制作流程,华为官网怎么做？  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  济南专业网站制作公司,济南信息工程学校怎么样？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  Python多线程使用规范_线程安全解析【教程】  建站之星如何保障用户数据免受黑客入侵？  如何通过二级域名建站提升品牌影响力？  如何高效生成建站之星成品网站源码？  如何快速生成高效建站系统源代码？  宝塔Windows建站如何避免显示默认IIS页面？  建站之星官网登录失败？如何快速解决？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  黑客入侵网站服务器的常见手法有哪些？  如何构建满足综合性能需求的优质建站方案？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  已有域名如何免费搭建网站？  如何制作算命网站,怎么注册算命网站？  如何高效利用亚马逊云主机搭建企业网站？  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  名字制作网站免费,所有小说网站的名字？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  如何在万网自助建站中设置域名及备案？  如何在Tomcat中配置并部署网站项目？  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在香港服务器上快速搭建免备案网站？  如何选择靠谱的建站公司加盟品牌？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  网站制作软件免费下载安装,有哪些免费下载的软件网站？  制作旅游网站html,怎样注册旅游网站？  如何快速搭建高效WAP手机网站？  大同网页,大同瑞慈医院官网？  北京网站制作网页,网站升级改版需要多久？  如何确认建站备案号应放置的具体位置？  C#如何使用XPathNavigator高效查询XML  如何用西部建站助手快速创建专业网站？  C++如何使用std::optional？（处理可选值）  简历在线制作网站免费版,如何创建个人简历？