猿问

js怎么监听返回按钮的点击事件

最近项目要求,用户进入一个页面时,要区分是正向跳转进来的还是点击了返回按钮回到的当前页面。
由此我想到了监听用户点击返回按钮的事件。
HTML5有一个历史记录管理方法,包括history.pushState()方法和popstate事件。使用时需要先使用history.pushState()方法把当前页面的状态添加到浏览器的浏览历史记录中。用户点击“后退”或者“返回”按钮访问保存的历史状态时,会触发popstate事件。
但是:不兼容Safari浏览器!!!
求一兼容的监听浏览器后退按钮的点击事件,或者判断当前页面是来自返回的方法。

慕娘9325324
浏览 1302回答 1
1回答

四季花海

可以在url后面加上参数?isForward=asdfas来判断是否正向跳转。正向跳转的时候生成随机字符串保存到localstorage里面,并且附在url后面,页面加载时比较两个字符串是否一致。页面加载完成后需要更改保存在localstorage里面的字符串。如果不是正向跳转那两个字符串会不一致。
随时随地看视频慕课网APP

相关分类

Html5
我要回答