popState

vue-day06&day07----路由、路由常用的配置项、vue路由的内置组件、vue路由跳转的方式、路由传值、路由解耦（路由传值的一种方式）、编程式导航、嵌套路由children、路由元信息meta、路由生命周期（路由守卫）、路由懒加载、vue/cli、webpack配置alias、vue/cli中配置alias、vue-router底层原理、单页面开发的缺点、路由报错

前端路由底层原理：hashchange和H5的historyAPI中的popState和replaceState来实现。
GGbondMan·2020-03-18 20:00

js 禁止浏览器 后退 动作

在开发的时候，有个别时候需要禁止浏览器的后退动作，js可以用以下方法实现:history.pushState(null,null,document.URL);window.addEventListener('popstate
三丰张·2020-03-16 08:37

可能你所不知道的知识

一、监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法window.addEventListener("popstate",function(e){alert("我监听到了浏览器的返回按钮事件啦
BULL_DEBUG·2020-03-13 03:28

原生开发移动web单页面(step by step)8——History对象

因为在popstate的时候，都是采用一种动画。如果能够在popstate事件中能够知道当前页面以及要更换的页面的位置，采取相应的动画的，那就可以解决这个问题。
真五花肉·2020-03-12 11:31

前端路由的两种实现方式

前端路由的两种实现方式：history.pushState()+popState事件pushState.htmllocation.hash+hashchange事件hash.html1、window.onpopstate
陌路红尘中zZ·2020-02-24 08:59

防止浏览器返回上一页

方案一：//防止页面后退history.pushState(null,null,document.URL);window.addEventListener('popstate',function(){history.pushState
Talentisan·2020-02-05 17:31

一、宿主环境有关API

描述一下他们所用了哪些宿主环境的API一、history环境使用的APIhistory模式下对应的this.history对象为HTML5History源码中使用了window.addEventListener('popstate
zdxhxh·2020-02-02 20:30

2018-07-18

ios出现后退后退不了的问题$(function(){pushHistory();});functionpushHistory(){window.addEventListener("popstate",
peng凯·2020-02-01 22:23

vue 组件返回到当前页面

父viewmounted(){window.addEventListener('popstate',(obj)=>{if(obj&&obj.state&&obj.state.comp){this[obj.state.comp
Do_More·2020-01-04 23:22

2016-12-30

防止浏览器后退//防止页面后退history.pushState(null,null,document.URL);window.addEventListener('popstate',function(
TsingXu·2019-12-15 12:14

微信浏览器左上角返回按钮的监听

title:document.title,url:location.href},document.title,location.href);}//添加退弹事件window.addEventListener("popstate
开车去环游世界·2019-12-08 00:57

JQuery 浏览器返回上一页 刷新返回的页面 或提示返回

$(document).ready(function(e){if(window.history&&window.history.pushState){$(window).on('popstate',function
老牛圣斗士·2019-12-07 10:35

小程序中使用webview 打开的是有公众号授权 点击返回按钮需要点击多次

端加入：window.history.pushState('forward',null,'#');window.history.forward(1);window.addEventListener("popstate
_Struggle_·2019-12-07 00:24

h5安卓物理返回键

if(window.history&&window.history.pushState){$(window).on('popstate',function(){varhashLocation=location.hash
Kanbuduo·2019-12-06 19:07

JS监听手机的物理返回键（亲测有效）

if(window.history&&window.history.pushState){$(window).on('popstate',function(){varhashLocation=location.hash
geeooooz·2019-11-27 10:44

vue项目 页面切换项目 转场动画

,使用vue为了良好的用户体验,会需要实现APP形式的切换页面的左滑和右滑效果实现原理,vue的过渡&动画技术栈:vue+vue-router解决思路区分前进和后退的路由网上搜索的资料,找到了两种监听popstate
岁月静好_不负此生·2019-11-11 22:14

mini路由

es6实现mini路由classRouters{constructor(){this.routes={};//在初始化时监听popstate事件this.
TRYao·2019-11-07 12:49

js 小操作

禁止手机端左滑触发浏览器后退history.pushState(null,null,document.URL);window.addEventListener('popstate',function()
江疏影子·2019-10-09 17:50

js禁止浏览器页面后退功能的实例(推荐)

window.location.href.indexOf("/login")>-1){//防止页面后退history.pushState(null,null,document.URL);window.addEventListener('popstate
·2019-09-24 14:09

iOS微信浏览器回退不刷新实例(监听浏览器回退事件)

有些时候是需要重新加载的，所以需要监听回退事件$(function(){pushHistory();});functionpushHistory(){window.addEventListener("popstate
·2019-09-24 13:35

使用pjax实现无刷新更改页面url

但无法改变页面URL2.hash的方式不能很好的处理浏览器的前进、后退等问题为了解决传统ajax带来的问题，HTML5里加强了historyAPI，加入了pushState、replaceState接口和popstate
·2019-09-23 20:12

jquery判断浏览器后退时候弹出消息的方法

判断浏览器后退并弹出消息jQuery(document).ready(function($){if(window.history&&window.history.pushState){$(window).on('popstate
·2019-09-23 18:48

js监听浏览器后退事件

forward',null,'#');window.history.forward(1);if(window.history&&window.history.pushState){$(window).on('popstate
idweiwei2011·2019-09-21 14:27

vue 页面跳组件，实现点击浏览器自带返回箭头，返回到上一个页面，而不是返回道上个路由

这个方法是点击点击添加跳转到添加页面handleAdd(val){let_that=this;letcallback=function(){_that.isAdd=falsewindow.removeEventListener("popstate
无忧lv·2019-09-18 17:00

js/jQuery实现禁止页面后退

js://防止页面后退history.pushState(null,null,document.URL);window.addEventListener('popstate',function(){history.pushState
我为祖国添砖Java·2019-08-28 10:10

H5页面，js监听安卓手机返回按键操作，禁用返回按键操作。

使用到的技术要点：history.pushState（）原理暂不做解释，后续再做补充，可参考popstate官方文档1、禁用手机返回按键，引入直接可用，亲测.XBack={};(function(XBack
自先沉稳UP·2019-08-22 19:01

JQuery禁用浏览器前进、后退按钮

$(document).ready(function(){if(window.history&&window.history.pushState){$(window).on('popstate',function
冰夕_lyn·2019-08-20 16:35

React-Router的理解与实现

注意pushState无法进入popstate事件。pushState兼容到ie10。pushState是如何处理路由的？
吴晗君·2019-07-20 17:12

H5监听手机的物理返回按键——已完成

window.history.pushState(state,null,"#forward");}//在需要监听的页面执行该方法pushHistory();window.addEventListener("popstate
ansheng02·2019-07-16 14:56

react-router路由机制

浏览器的历史记录，以栈的形式存储，后进先出，按照栈的规律，必须有的方法：进栈（pushstate）、出栈（popstate）、替换当前的（replacestate）。
Kevin丶CK·2019-07-11 16:15

js 监听手机返回键

$(function(){pushHistory();window.addEventListener("popstate",function(e){window.location='http://www.baidu.com
昱弟丶·2019-07-09 14:07

react-router-dom 4 基础api

BrowserRouter使用HTML5提供的historyAPI(pushState,replaceState和popstate事件)来保持UI和URL的同步。
胡少龙·2019-05-14 00:00

vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)

[注]:popstate事件a.当活动历史记录条目更改时，将触发popstate事件。
Miss丨Fortunes·2019-05-10 15:18

JS监听微信浏览器返回事件

监听popstate事件，这个对应着微信浏览器左上方后退按钮。（用得最多）//添加退后事件window.addEventListener('popstate',()=>{......
小楼窗外的细雨·2019-04-24 09:08

用js代码在页面上禁用浏览器的后退按钮

这里使用了jquery,先引入jqueryfunctiondisableBack(){if(window.history&&window.history.pushState){$(window).on('popstate
mr_xl·2019-04-07 15:14

微信内嵌H5 监听用户返回离开页面

使用场景：保存用户填写部分资料的时候，需要判断用户离开，提示是否保存操作this.pushHistory();window.addEventListener("popstate",function(e)
董瑞南·2019-04-03 15:55

微信内嵌H5 监听用户返回离开页面

使用场景：保存用户填写部分资料的时候，需要判断用户离开，提示是否保存操作this.pushHistory();window.addEventListener("popstate",function(e)
董瑞南·2019-04-03 15:55

h5监听手机物理返回键操作--popstate

最近在开发webapp，h5开发的页面嵌入到app中，暂时先是安卓包。因为画面是一个列表页，每条列表会有一个详情页，为了从详情页返回的时候还在当时列表的位置，用了隐藏div的形式编写了详情页。当遇到手机物理返回键的时候，详情页因为和列表页是同一个页面，这个时候就会返回到首页了。这不是我想要的效果，所以要对手机的物理返回键进行监听，在点击时隐藏div回到列表页。h5$(function(){push
dasiy_j·2019-03-06 09:42

H5页面监听回退事件

H5页面监听回退事件$(function(){pushHistory();window.addEventListener(“popstate”,function(e){alert(“我监听到了浏览器的返回按钮事件啦
AuB__·2019-02-18 14:22

js监听手机的默认返回按钮

//监听返回键window.addEventListener("popstate",function(e){closeApp();//关闭当前页在这里可以重定向路径location.href},false
啃牙1225·2019-01-28 15:01

better-scroll与UC浏览器滑动翻页冲突的js解决方案

为此在网上找了不少资料，目前网上出现最多的解决方案是使用history.pushState()，使用监听事件，监听到跳页事件(popstate)时，手动填充路径为当前页面地址。
missing·2018-12-08 00:00

mui "确定要离开当前页面吗？", "温馨提示", ["取消", "确定"]

文档：http://dev.dcloud.net.cn/mui/ui/#accordionmui-col-xs-9window.addEventListener('popstate',function(
宝儿的程序生涯·2018-12-05 09:45

vue监听浏览器返回

window.history.pushState){//向历史记录中插入了当前页history.pushState(null,null,document.URL);window.addEventListener('popstate
lesdom·2018-10-22 21:25

判断手机是IOS还是安卓

//判断是ios还是安卓history.pushState(null,null,"#");window.addEventListener("popstate",function(e){if(/(iPhone
AnlanJion·2018-09-26 16:14

监听物理返回键

$(function(){//先刷新页面pushHistory();//再进行操作window.addEventListener("popstate",function(e){alert("hello"
eaglepjg·2018-07-27 17:49

H5 微信公众号 监听返回事件

/*-----监听返回事件-----*/functionpushHistory(returnUrl,currentUrl,currentTitle){window.addEventListener("popstate
mrtian367·2018-07-12 17:18

HTML5起航____微信内置浏览器的一波返回操作

为了缓和一下自己扭曲的心态，写篇博文治疗治疗~利用popstate事件和window下的history对象处理浏览器跳转1、popstate事件参考文档地址当活动历史记录条目更改时，将触发popstate
OzanShareing·2018-06-29 10:25

微信公众号开发之返回按钮事件监听

页面做完处理点击返回直接跳到A页面的需求，默认的返回是不可以的，处理逻辑如下：$(function(){    pushHistory();     window.addEventListener("popstate
宁晓·2018-05-18 14:59

js屏蔽手机的物理返回键

$(document).ready(function(){if(window.history&&window.history.pushState){$(window).on('popstate',function
isunlight001·2018-05-05 14:18

React Router 中文文档（一）

官方英文文档-https://reacttraining.com/rea...版本-v4.2.0使用HTML5提供的historyAPI(pushState,replaceState和popstate事件
chillyme·2018-04-10 00:00
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他