原文网址：JS--popstate事件--使用/教程/实例_IT利刃出鞘的博客-CSDN博客

简介

说明

本文介绍JavaScript的popstate事件的用法。

官网网址

WindowEventHandlers.onpopstate - Web API 接口参考 | MDN

相关网址

JS--history--使用/教程/实例_IT利刃出鞘的博客-CSDN博客_js中history

概述

当history对象发生变化时，就会触发popState事件。通过event.state可以访问当前历史记录的状态对象的拷贝。

当网页加载时，各浏览器对popstate事件是否触发有不同的表现，Chrome 和 Safari会触发popstate事件，而Firefox不会。

会触发popstate事件的场景

用户点击浏览器的前进、后退按钮
代码中调用history.back() 、history.forward()、history.go()
a 标签的锚点

不会触发popstate事件的场景

代码中调用pushState()、replaceState()

代码示例

window.onpopstate = function(event) {console.log(event.state)
}// 或者
window.addEventListener('popstate', function(event) {console.log('state: ' + JSON.stringify(event.state));
});

JS--popstate事件--使用/教程/实例相关推荐

行为模型实例 php,JS中事件模型的实例详解
之前对事件模型还是比较清楚的,许多概念都清晰映射在脑海中.工作之后,一方面使用的局限性,二是习惯于用框架中的各种事件监听方式,简单即方便,久而久之,事件的一些概念开始淡出记忆中,就像我现在已经开始 ...
java的如何创建js_[Java教程]JS创建事件的三种方式（实例）
[Java教程]JS创建事件的三种方式(实例) 0 2016-05-11 14:00:16 1.普通的定义方式 οnclick="Sfont=prompt('请在文本框中输入红色','红色' ...
原生js实现轮播图实例教程
原生js实现轮播图实例教程本实例效果如下图所示: 根据实例效果,需要的元素有图片.中间圆点按钮.左右箭头按钮等.实际html代码如下所示: <div class="banner_co ...
php接收键盘事件,js获取键盘事件的方法实例
本文主要和大家分享js获取键盘事件的方法实例,希望能帮助到大家. document.οnkeydοwn=function(event){ var e = event || window.event | ...
html鼠标键弹起事件,js鼠标按键事件和键盘按键事件用法实例汇总
本文实例讲述了js鼠标按键事件和键盘按键事件用法.分享给大家供大家参考,具体如下: keydown,keyup,keypress:属于你的键盘按键 mousedown,mouseup:属于你的鼠标按键 ...
pygame教程实例（四）小球弹跳（事件）
上一篇:pygame教程实例(三)游戏事件下一篇:pygame教程实例(五)物理引擎pymunk 本教程使用python3 在pygame教程实例(一)小球弹跳中我们写了一个小球在重力的作用下反复弹 ...
pygame教程实例（三）游戏事件
上一篇:pygame教程实例(二)模拟三体下一篇:pygame教程实例(四)小球弹跳(事件) 本教程使用python3 在pygame教程实例(一)小球弹跳中我们写了一个小球在重力的作用下反复弹跳. ...
js模板字符串自定义类名_【Vue.js 入门到实战教程】07Vue 组件注册 | 基本使用和组件嵌套...
来源 | https://xueyuanjun.com/post/21929除了前面介绍的基本语法之外,Vue.js 还支持通过组件构建复杂的功能模块,组件可以称得上是 Vue.js 的灵魂,是 Vu ...
Vuex--mapState, mapGetters, mapActions, mapMutations--使用/教程/实例
原文网址:Vuex--mapState, mapGetters, mapActions, mapMutations--使用/教程/实例_IT利刃出鞘的博客-CSDN博客简介说明本文用示例介绍Vu ...

JS--popstate事件--使用/教程/实例

简介

概述

会触发popstate事件的场景

不会触发popstate事件的场景

代码示例

JS--popstate事件--使用/教程/实例相关推荐

最新文章

热门文章