全国咨询热线:18720358503

个人做小程序需要什么_浅谈通过JS拦截 pushState和

类别:行业新闻 发布时间:2021-01-11 浏览人次:

浅谈通过JS拦截 pushState和replaceState事件     投稿:jingxian   下面小编就为大家带来一篇浅谈通过JS拦截 pushState和replaceState事件。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

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

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

// 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事件就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。


推荐阅读

个人做小程序需要什么_浅谈通过JS拦截 pushState和

探讨根据JS阻拦 pushState和replaceState恶性事件 文章投稿:jingxian 下边网编就为大伙儿产生一篇探讨根据JS阻拦 pushState和replaceState恶性事件。网编感觉挺好的,如今就共享给大伙儿,也...

2021-01-11
分享:重庆的网络公司,电商需要转型

重庆市互联网企业-电子商务必须转型发展创作者:本网站 公布時间:电子器件商务接待公司急切必须转型发展。重要取决于,我国公司间的市场竞争从商品市场竞争发...

2021-01-11
什么SEO因素可能导致网站关键字长时间无法访问

甚么SEO要素将会造成网站重要字长期性没法进到前十名?甚么SEO要素将会造成百度关键词较长一一段时间没法进到前十名?SEO实例教程天津市2年以前()151°C 1网页访问不平稳这对网友...

2021-01-11
餐饮+小程序应该怎么玩,才能让你的生意火起来

许多餐馆店家嗅来到在其中的创业商机,例如麦当劳、周黑鸭、麦当劳、星帕洛等一线餐馆知名品牌都相继进入微信小程序,预兆着新餐馆时期的来临。现如今,传统式餐馆店家反面临...

2021-01-11
小程序生成二维码_jQuery完成火车票买票城市选择

jQuery完成列车票买票大城市挑选转换作用 文中根据案例编码给大伙儿共享了jQuery完成列车票买票大城市挑选转换作用,十分非常好,具备参照效仿使用价值,必须的朋友参照一下...

2021-01-11
微信小程序开发示例_详解.vue文件中监听input输入

详细说明.vue文档中监视input键入恶性事件(oninput) oninput 恶性事件再用户键入时开启,小白实例教程中的使用方法是:可是在.vue中那样写是沒有功效的:input type="text" id="cardsNum...

2021-01-11
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信