1.添加window.onbeforeunload函数
<script language=”javascript”>
function window.onbeforeunload(){
event.returnValue = “页面值已经修改，是否真的不保存？”; //提示内容
}
</script>
2.如何避免进行提交时也错误的进行离开提醒呢？
（1）在表单中建立一个hidden的对象，用来判断是否点击了提交按钮，默认值为0
<input type=”hidden” name=”clickonsub” value=”0″ />
（2）在onsubmit或其它提交验证函数的最后，即验证结束，开始提交之前把这个对象赋值为1
document.release.clickonsub.value=”1″; //供离开页面提醒用
（3）把window.onbeforeunload函数修改为如下样式，即增加对这个对象值的判断，为1时才提醒
<script language=”javascript”>
function window.onbeforeunload(){
if(document.release.clickonsub.value==0){
event.returnValue = “页面值已经修改，是否真的不保存？”; //提示内容
}
}
</script>
（4）还可以增加页面内容是否修改的判断
3.其它问题，网上有人这样说，但我没发现有这问题
引起当前页面发生跳转主要3类事件：
1、对浏览器窗口的操作，比如关闭浏览器、go home、backward、forward和refresh等；
2、对于网页的Navigatie操作，比如点击链接、在地址栏中执行新的地址、页面表单提交到非当前页面等；
3、脚本代码引起的页面Navigate操作，比如执行navigate、locatoin方法(replace, reload, assign)和修改location属性(href, search)等。
以上的1-2类操作引起onbeforeunload的事件，使用起来基本没有任何的问题，可是执行第3类页面条转操作却有点小问题。就是在上图的窗口出
现后，如果点选”OK”，确实就OK，页面正确跳转了。可是如果这个时候，我们点选”Cancel”，却会出现一个脚本异常
解决方法就是把脚本调用try一下，但这似乎是IE的一个bug的说。
4.本人的实例代码
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd “>
<html xmlns=”http://www.w3.org/1999/xhtml “>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>无标题文档</title>
<script language=”javascript”>
function window.onbeforeunload(){
if(document.release.title.value!=”" && document.release.clickonsub.value==0){
event.returnValue = “即将离开页面，是否真的不保存？”;
}
}
</script>
</head>
<body>
<div style=”width:480px; margin:100px auto”>
<p style=”text-align:center;”>内容为空则不提醒，内容非空则离开提醒，点击提交按钮则不提醒</p><br /><br /><br />
<p style=”float:right; margin-right:60px;”><a href=”http://hi.baidu.com/tjt999 “>离开测试</a></p>
<p style=”float:left; margin-left:60px;”><form action=”a.php” method=”post” name=”release” enctype=”multipart/form-data”>
<input type=”text” name=”title” />
<input type=”hidden” name=”clickonsub” value=”0″ />
<input type=”submit” value=”提交” onclick=”return check()” />
</form>
</p>
</div>
</body>
</html>
<script language=”javascript”>
function check(){
if(document.release.title.value==”"){
alert(“内容不能为空”);
return false;
}
document.release.clickonsub.value=1;
return true;
}
</script>
分享到：
try
{
// 
}
相关推荐
主要介绍了vue实现表单未编辑或未保存离开弹窗提示功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
CSV编辑器，完美保存CSV格式，某些网站所需的CSV格式用excel编辑时不支持，就可以用这一款编辑器
利用localStorage实现对ueditor编辑内容定时保存为草稿可以防止意外情况导致编辑内容消失！
编辑结束，按ESC 键 跳到命令模式，然后输入退出命令： :w （write）保存文件但不退出vi 编辑 ... 放弃所有修改，从上次保存文件开始在编辑 文章知识点与官方知识档案匹配，可进一步学习相关知识
用于自动检查任何页面输入或 textarea 值是否已更改的小型 JavaScript 模块，并在用户导航未保存的更改之前提醒他们 用法： 链接到此 js 文件或将代码包含在您的 HTML 中。 在任何保存事件中，只需调用 ...
6. 保存与退出 7. 导入命令执行结果. ‘:r ! 命令’ 导入文件。 ‘:r 文件’ 导入该文件到光标所在位置 8. 定义快捷键。 ‘:map 快捷键 触发命令’ 比如定义注释本行的快捷键 ‘:map command+/ I#’ 9.连续几行进行...
文本编辑器文件操作能够实现：新建文档、打开、保存、另存为、退出等。编辑操作能够实现对文本内容的撤消、剪切、复制、粘贴、删除、全选、日期/时间等。格式操作能够实现对文本内容的自动换行、字体等设置。帮助...
文本编辑器,主要应用于JSP，asp等页面开发的文本编辑器，可以上传图片，修改字体，样式等。
版本1.4.0已成功通过Grav 1.7.0-rc.20测试重要提示：该插件需要Markv页面内容，该内容由Grav直接从常规Grav页面转移而来，并在Markdown编辑器中呈现，以便在完成编辑后保存回该页面。 警告：由Twig模板，插件或...
mfc中读取编辑框数据并保存在TXT文档中
C#中DataGridView修改后直接保存到数据库实例程序，绝对可用，内附源码，有注释 主要代码: //单元格编辑结束后触发 private void dataGridView1_CellEndEdit_1(object sender, DataGridViewCellEventArgs e) {...
“互联网+”时代的编辑：既有坚守又有改变共.pdf“互联网+”时代的编辑：既有坚守又有改变共.pdf“互联网+”时代的编辑：既有坚守又有改变共.pdf“互联网+”时代的编辑：既有坚守又有改变共.pdf“互联网+”时代的...
引擎编辑器引擎的ACE编辑器模块。配置editor （String）：编辑器元素的查询选择器。 theme （字符串）：编辑器主题。... :up_arrow: isSaved告诉其他模块是否保存了编辑器内容。例子{ "name" : "sidebar_
:sparkles: 夫妻回忆 :sparkles: 这是一个使用Git作为的网站。... 或者，您可以使用Stackbit Studio提供的免费页面编辑体验。 这里有一些资源可以帮助您入门： :television: 编辑内容 :television: 添加，重新排序和
可以打开、编辑、保存 PDF 文件；可以更改文本、字体、图像等内容，操作起来轻松又快捷。与其他 PDF 编辑器不同的是，Infix 使用起来就像一般的文字处理软件，轻松上手，贴心易用。 用起来就像文字处理软件: 想不出...
易语言编辑框批量保存模块源码例程程序实现了保存100个编辑框内容的功能。点评：易语言编辑框批量保存模块源码的代码实现起来简单易懂，就是费点事。 三叶易语言官方
修改：同步绑定开启后页面错位 整合：整合同步登陆绑定解绑设置 修复：修正话题导语提示 修正：修复话题中的bug 新增：话题：新增话题插件 安全漏洞修复：修复缓存getshell漏洞 修正：修正space_link无法获取...