popstate

原生开发移动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

微信端返回关闭当前页的几种方法(微信公众号)(解决:关闭时有1s延迟会返回上一页面),返回上一级页面

(亲测好用,并且解决了,会先返回上一级页面的bug)leturl=window.location.href;pushHistory(url);window.addEventListener('popstate
dadaDaShiXiong·2018-04-02 22:34

从history api看主流框架的路由机制

前端路由库的作用是改变地址栏，支持浏览器前进、后退，并同步路由对应的视图，这里以react-router及其依赖的history库说一下路由机制原文地址前提首先简单介绍一下前端路由机制所依赖的pushState、popstate
对对对就是这·2018-02-04 00:00

js控制android原生返回按钮

js是无法直接监听物理返回键的，但是我们可以用HTML5的History新APIpushState来曲线监听Android设备的返回按钮原理：在页面加载后往历史记录写入一个state,并监听popstate
深海里搁浅的猫·2018-01-12 17:17
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他