JS阻止浏览器刷新的方法

直接先给朋友们上阻止浏览器刷新的代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><div contenteditable="true">hello world!</div><button onclick="document.execCommand('Bold')">加粗</button><script>window.onbeforeunload = function(e) {var dialogText = 'CSDN 吴小迪';e.returnValue = dialogText;return dialogText;};</script>
</body>
</html>

此代码在用户进行F5刷新的时候是百分之百会进行提示的。效果如下：

但是如果用户是点击的浏览器的刷新按钮的话会有些不一样。
这个就是浏览器自带的刷新按钮：

接下来我们讲点击这个按钮的时候的不同之处：
当页面没有进行更改操作的时候就不会弹出此提示框，会直接刷新，只有当界面更改内容的时候才会出现提示框：
现在我们尝试将hello world!加粗一下再进行刷新看看效果：

此时发现它与按F5刷新一样了，开始弹出提示框了。

如果你想查看更多前端开发常用JS工具函数请点击：前端开发常用工具函数

今天的分享就到这里咯，还有什么不懂的可以下方留言我们一起探讨哦！

JS阻止浏览器刷新的方法相关推荐

html js 禁用浏览器上下滑动,纯JS阻止浏览器默认滚动事件，实现自定义滚动方法...
首先该方法兼容IE7+以上浏览器,可以实现页面上下滚动,而且也可以实现页面左右滚动,每次滚动的距离为屏幕的大小,滚动为加速滚动 javaScript代码如下: //滚动实现方法,使用鼠标滚轮每次滚动浏 ...
js 让浏览器全屏模式的方法launchFullscreen
浏览器全屏模式的启动函数requestFullscreen仍然需要附带各浏览器的js方言前缀 // 判断各种浏览器,找到正确的方法 function launchFullscreen(element) ...
html js 浏览器语言,js 判断浏览器语言的方法
今天遇到一个要根据浏览器设置语言的类型,来展示网站的字体.比如,浏览器的语言是中文简体,那么网站也要显示中文简体字,如果是繁体或是英文都要根据浏览器当前设置的语言进行显示.那么,飞鸟慕鱼博客来和大家说 ...
js阻止浏览器默认事件
1.阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e && e.preventDefault) { / ...
JS阻止浏览器滚动事件
在前几天的项目中,场景值如下: 1.动态生成列表,列表高度不固定 2.外面父元素的属性设置为overflow:auto; 3.鼠标移动到列-li中的a上,出现选择列表,鼠标在列表上,列表不消失 4.当 ...
JS判断浏览器类型的方法【转】
在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子.浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本 ...
js阻止浏览器返回上一页
最近有个项目,客户需要在app内嵌浏览器页面使用rtc通话,但是有前置页面, 出现了安卓机左右滑动返回手势,已经退回前置页面,但web容器并未关闭所以发生虽然不在rtc页面但是rtc通话内的语音播报 ...
js阻止世界冒泡的方法-真有效
1,event.stopPropagation()方法 <div class="box"> 11 <button class=&q ...
JS 监控页面刷新,关闭事件的方法（转载）
JS 监控页面刷新,关闭事件的方法(转载) 已有 149 次阅读 2011-8-30 11:37 |个人分类:web|系统分类:创意设计|关键词:JS,刷新,关闭都是为了学习-- onbefore ...
html监听页面关闭事件,JS针对浏览器窗口关闭事件的监听方法集锦
本文实例总结了JS针对浏览器窗口关闭事件的监听方法.分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) window.οnbefοreun ...

JS阻止浏览器刷新的方法

直接先给朋友们上阻止浏览器刷新的代码

JS阻止浏览器刷新的方法相关推荐

最新文章

热门文章