您的位置：首页 > Web前端 > JavaScript

js 离开当前页面提示

2011-08-17 16:14 183 查看

需求：当用户离开html 页面时，希望给用户弹出一个提示，以免丢失用户输入的信息。

实现：使用了jquery 。 html 代码如下。

<!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=utf-8" />
<title>cookie</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">

var IsModifyed = false; /*当前页是否触发修改点*/
function SetBeforeunload(modify) {
IsModifyed = !!modify;
window.onbeforeunload = IsModifyed ? function() { return "你尚未保存，确定离开吗?"; } : null; }

$(function() {
SetBeforeunload(false);
/*取消 修改动作*/
$(".cancelmodifymarks").click(function() {
SetBeforeunload(false);
});
/*修改动作 标记*/
$(".modifymarks").click(function() {
SetBeforeunload(true);
});
});
</script>
</head>
<body>
AAA
<input class="cancelmodifymarks" type="text" value="AAA"/>
ccc
<input class="modifymarks" type="text" value="ccc"/>

</body>
</html>

效果：点击值为"ccc" 的Input 框，离开本html 页面(如：IE 的刷新，关闭等)，会有提示信息。在点击值为"AAA" 的Input 框，离开页面时，不会有提示信息。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

js 离开当前页面 提示

js 离开当前页面提示