beforeunload事件的用法

//   *********************     离开页面提示是否保存页面修改内容的简单实现
var isModified = false;
//检测页面的表单输入控件是否变动过
$(".form-group input").change(function(){
isModified=true;
});
//文本域改变即触发
$(".form-group textarea").change(function(){
isModified=true;
});
$(".form-group select").change(function(){
isModified=true;
});

$(window).bind('beforeunload', function (e) {
if (isModified) {
var msg="填写的内容尚未保存,真的要离开么?";
e.returnValue=msg;
return msg;
}
});
posted @ 2018-03-13 14:33  姗花之恋  阅读(194)  评论(0)    收藏  举报