JS监听页面刷新及阻止页面刷新

有时前端请求后端代码需要等待，但用户不想等待使用刷新，这样会造成一些错误的数据等。当然服务端应该可以控制，不过这里说一些前端的控制思路（仅个人想法）
说一下2个思路：
1、可以在接口发出去之后，阻止所有刷新页面的行为进行阻止，并给出提示。基本就是通过键盘和鼠标事件
2、监听页面的刷新行为 beforOnload 在刷新前记录所请求的内容并做一些处理。
以购物为例提交了一批购物请求但服务端处理比较慢可以记住这些物品的ID 在获取列表时前端屏蔽这些未处理完的。具体根据业务想一下。

具体代码可以参看考：
监听页面刷新：https://www.jb51.net/article/67420.htm

阻止页面刷新：https://www.jb51.net/article/67420.htm

JS监听页面刷新及阻止页面刷新相关推荐

原生js监听手机返回键
创建人:hu_time 描述:js监听手机返回键普通页面跳转,监听返回上一页: document.addEventListener("plusready", function() ...
js 监听安卓事件_百行代码实现js事件监听实现跨页面数据传输
百行代码实现js事件监听实现跨页面数据传输使用场景类似消息队列的使用场景,支持同页面和跨页面通信,发送消息和接收消息技术原理跨页面通信: 基于事件监听,通过监听 storage事件监听回调机制 ...
js监听浏览器tab页面变化
js监听浏览器tab页面变化引言今天写到一个需求,当用户离开当前页面的时候,需要关闭页面的一个功能,查找资料发现了这个指令,个人觉得很有用,记录下来... 直接上代码 mounted:(){thi ...
html 页面自动滚动,js监听html页面的上下滚动事件方法
最近在一个项目中,在写前端页面的时候,想像以前做Android时在页面时刻监听上下滚动的事件,查找资料发现由鼠标或类似用户动作触发的事件有以下图示: 不多说了,直接上代码了,经过测试可以使用: Dom ...
js监听页面或元素scroll事件，滚动到底部或顶部
基本原理: 1.滚动到底部元素的滚动距离 + 元素的可视距离 == 元素的滚动条总距离2.滚动到顶部元素的滚动距离 == 0 监听页面滚动 <!DOCTYPE html> <ht ...
java计算器监听放大缩小,js监听页面放大缩小
demo body[zoom='scale']:before{ content: '您的网页处于缩放状态,请按 Ctrl+0 恢复到浏览器默认大小'; z-index: 9999; position: ...
js监听页面最大化，最小化事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
监听localStorage变化（同页面监听）
"当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件,就会触发" 同页面监听,重写localStorage的方法,抛出自定义事件: &l ...
linux输入数字切换浏览器tab,js监听浏览器tab窗口切换
js监听浏览器tab窗口切换 --IT唐伯虎摘要:js监听浏览器tab窗口切换. if (document.hidden !== undefined) { document.addEventList ...
html js按钮事件监听,JS监听事件
对象 - JS监听事件 ¶ 作者:KK 发表日期:2016.2.21 在准备讲解后面的window对象之前,这里将话题转回来事件这里平时咱们在一个元素里加个onclick属性,属性值写JS代码,这样 ...

JS监听页面刷新及阻止页面刷新

JS监听页面刷新及阻止页面刷新相关推荐

最新文章

热门文章