美文网首页
js 阻止页面刷新(浏览器提示系统可能不会保存您所做的更改。)

js 阻止页面刷新(浏览器提示系统可能不会保存您所做的更改。)

作者: 千笔同学 | 来源:发表于2019-08-15 14:42 被阅读0次

在网页中用户填写表单信息填了一部分,或者在请求发送期间,如果用户一不小心点击了其他页面,会导致当前填写的信息丢失或者保存失败。这时候就需要阻止页面刷新。在谷歌浏览器会有弹框提示的,


image.png

阻止页面加载的代码如下:

window.onbeforeunload = function(e) {
  var dialogText = 'Dialog text here';
  e.returnValue = dialogText;
  return dialogText;
};

相关文章

  • js 阻止页面刷新(浏览器提示系统可能不会保存您所做的更改。)

    在网页中用户填写表单信息填了一部分,或者在请求发送期间,如果用户一不小心点击了其他页面,会导致当前填写的信息丢失或...

  • 捕获窗口关闭、刷新事件

    参考 js实现关闭浏览器时提示用户是否保存信息用js判断页面刷新或关闭的方法(onbeforeunload与onu...

  • js阻止页面刷新

    网页中用户的表单填写到一半,或者ajax请求发送期间,如果用户刷新浏览器可能会导致数据保存失败。需要阻止页面刷新,...

  • browsersync浏览器自动刷新工具

    browsersync能让浏览器自动刷新、快速响应您的文件更改(html、js、css、sass、less等)并自...

  • sqlserver无法修改表报错

    不允许保存更改。您所做的更改要求删除…… 解决方案:

  • 浏览器缓存css文件问题

    更改了scss文件,正常保存,并且也通过考拉正常编译了,但是浏览器刷新页面,新的样式却加载不出来,第一次遇到这种情...

  • browsersync

    什么是BrowsersyncBrowsersync能让浏览器实时、快速响应您的文件更改(html、js、css、s...

  • Browser-Sync

    title: Browser-Sync Browsersync能让浏览器实时、快速响应您的文件更改(html、js...

  • 页面刷新、重定向的方法

    一、使用meta 1.页面刷新 2.页面跳转 二、使用js js页面刷新方法 js跳转

  • 使用webpack的动机

    页面中越来越多的js 现在浏览器提供更多接口 更少的页面重载刷新,页面中有更多的代码 这些导致浏览器端存在大量的代...

网友评论

      本文标题:js 阻止页面刷新(浏览器提示系统可能不会保存您所做的更改。)

      本文链接:https://www.haomeiwen.com/subject/hijzjctx.html