用js实现关闭或刷新页面时提示保存更改信息 50
参考了网上代码，网页如下，为什么没有提示？jquery1.91<html><head><metahttp-equiv="Content-Type"content="tex...
参考了网上代码，网页如下，为什么没有提示？jquery1.91
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
var changeFlag=false;
//标识文本框值是否改变，为true，标识已变
$(document).ready(function(){
//文本框值改变即触发
$("input[type='text']").change(function(){
changeFlag=true;
});
//文本域改变即触发
$("textarea").change(function(){
changeFlag=true;
});
});
//离开页面时保存文档
window.onbeforeunload = function() {
if(changeFlag ==true){
//如果changeFlag的值为true则提示
if(confirm("页面值已经修改，是否要保存？")){
//处理信息保存...
alert("即将执行保存操作...");
}else{
//不保存数据...
alert("不保存信息...");
}
}
}
</script>
</head>
<body>
<form action="">
帐号：<input type="text" name="username"/><br/>
密码：<input type="text" name="password"/><br/>
备注：<textarea rows="3" cols="17"></textarea>
<input type="submit" value="提交"/>
</form>
</body>
</html> 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
var changeFlag=false;
//标识文本框值是否改变，为true，标识已变
$(document).ready(function(){
//文本框值改变即触发
$("input[type='text']").change(function(){
changeFlag=true;
});
//文本域改变即触发
$("textarea").change(function(){
changeFlag=true;
});
});
//离开页面时保存文档
window.onbeforeunload = function() {
if(changeFlag ==true){
//如果changeFlag的值为true则提示
if(confirm("页面值已经修改，是否要保存？")){
//处理信息保存...
alert("即将执行保存操作...");
}else{
//不保存数据...
alert("不保存信息...");
}
}
}
</script>
</head>
<body>
<form action="">
帐号：<input type="text" name="username"/><br/>
密码：<input type="text" name="password"/><br/>
备注：<textarea rows="3" cols="17"></textarea>
<input type="submit" value="提交"/>
</form>
</body>
</html> 展开
1个回答
展开全部
$("input[type='text']")这种写法改成$("#id")这种写法，还有把js代码放到body的最下面试试
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
