美文网首页
js阻止页面刷新

js阻止页面刷新

作者: 转角遇到猫 | 来源:发表于2017-11-15 23:08 被阅读0次

网页中用户的表单填写到一半,或者ajax请求发送期间,如果用户刷新浏览器可能会导致数据保存失败。需要阻止页面刷新,这时可以通过监听页面window.onbeforeunload事件函数来处理。

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

不过chrome不支持自定义显示文字,固定为
“要重新加载该网站吗?
系统可能不会保存您所做的修改”
而firefox和safari就会正常使用return value里面的文字

参考:
-- https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload#Browser_compatibility

相关文章

  • js阻止页面刷新

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

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

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

  • JS实现监听F5页面刷新多个子iframe 而父页面不刷新

    重点是阻止默认的刷新,这样外部页面就不刷新了,然后指定刷新iframe。 父页面: document.onkeyd...

  • Form表单阻止自动提交最佳实践

    在form表单的提交中我们往往要阻止表单的自动提交,阻止页面自动刷新,运用ajax异步获取数据动态刷新页面的效果,...

  • js页面刷新

    JS刷新框架方法 刷新包含该框架的页面用 场景1: 在页面A包含了页面B,通过标签形式展现,如果标签中的某个页面完...

  • 利用js实现进入页面首先执行刷新操作,且只刷新一次

    js 页面刷新 让页面进行刷新,可以使用 location.reload() 方法,但是这种方法会让页面一直不断...

  • 知识收集随手记

    JS刷新当前页面的几种方法总结

  • UIWebView刷新后JS交互失效

    iOS端通过链接请求JS页面,页面上有按钮可以点击,点击按钮之后页面刷新到新的页面,新的页面里有JS交互,但是此时...

  • 项目总结

    饥人谷_李栋 1.阻止input表单自动填充2.离开或刷新页面 js跳出弹框3.导航栏下拉菜单 点击div 不消失...

  • 小程序下拉刷新

    首先在json中设置允许当前页面下拉刷新 系统默认是不具备下拉刷新功能,哪个页面要下拉刷新,就在哪个页面对应的js...

网友评论

      本文标题:js阻止页面刷新

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