页面关闭beforeunload事件
来源:互联网 发布:手写记事本软件 编辑:程序博客网 时间:2024/05/17 06:24
beforeunload事件在当页面卸载(关闭)或刷新时调用,事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页;
jquery离开页面弹出提示代码
//绑定beforeunload事件
$(window).bind(
'beforeunload'
,
function
(){
return
'您输入的内容尚未保存,确定离开此页面吗?'
;
});
//解除绑定,一般放在提交触发事件中
$(window).unbind(
'beforeunload'
);
js离开页面提示 onbeforeunload事件方法
window.onbeforeunload =
function
(event) {
return
confirm(
"确定退出吗"
);
}
以下操作触发beforeunload,onbeforeunload
1 ·关闭浏览器窗口
2·通过地址栏或收藏夹前往其他页面的时候
3·点击返回,前进,刷新,主页其中一个的时候
4·点击 一个前往其他页面的url连接的时候
5·调用以下任意一个事件的时候:click,document.write()方法(输出内容),document.open() 打开一个新的空白文档,document.close()方法可关闭一个由open()方法打开的输出流,并显示选定的数据。
,window close (),form.submit.
,window close (),form.submit.
6·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
7·重新赋予location.href的值的时候。
8·通过input type=”submit”按钮提交一个具有指定action的表单的时候。
9.可以用在以下元素:body, frameset, window
// 关闭窗口时弹出确认提示
$(window).bind('beforeunload', function(){
// 只有在标识变量is_confirm不为false时,才弹出确认提示
if(window.is_confirm !== false){
return '您可能有数据没有保存';
}
});
// 提交表单时,不弹出确认提示框
$('form').bind('submit', function(){
is_confirm = true;
});
//页面内的跳转操作均不弹出确认窗口
$(window).bind('mouseover mouseleave', function(event){
is_confirm = event.type == 'mouseleave';
});
(function(){
// 关闭窗口时弹出确认提示
$(window).bind('beforeunload', function(){
// 只有在标识变量is_confirm不为false时,才弹出确认提示
if(window.is_confirm !== false)
return '您可能有数据没有保存';
})
// mouseleave mouseover事件也可以注册在body、外层容器等元素上
.bind('mouseover mouseleave', function(event){
is_confirm = event.type == 'mouseleave';
});
})();
<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("不保存信息...");
}
}
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("不保存信息...");
}
}
转载地址:
http://www.cnblogs.com/hudandan/p/5960875.html
阅读全文
0 0
- 页面关闭beforeunload事件
- 页面关闭事件 beforeunload onbeforeunload
- 判断用户关闭浏览器-beforeunload事件
- 判断用户关闭浏览器-beforeunload事件
- beforeunload事件
- F5前的事件调用beforeunload和unload jquery捕获f5刷新事件 监听页面刷新
- window unload和beforeunload事件
- 页面关闭触发事件
- js页面关闭事件
- 页面点击关闭事件
- 页面关闭事件onunload
- 页面关闭事件
- html页面关闭事件
- 页面事件有load, beforeunload, error, resize, scroll, unload,传说它们明确地处理整个页面的函数和状态。
- js的contextmenu,beforeunload,unload事件
- 如何取消下载文件的beforeunload事件
- asp.net 页面关闭事件
- JQuery 获取页面关闭事件
- 31.多线程
- Java学习笔记-匿名内部类
- 16位汇编第八讲指令第四讲
- 【学习摘记】马士兵Servlet&JSP_课时5_测试Servlet生命周期的4个函数先后调用的顺序
- TCP/IP、Http的区别
- 页面关闭beforeunload事件
- php资料汇总网站
- opera 浏览器头 不是opera 打头
- [转] 介绍深度学习和长期记忆网络
- 编译hadoop
- 第二周实践项目一
- 机器学习笔记-参数调优和评价指标
- springMVC拦截器使用
- loadrunner运行报错:vuser_init.c(14): 错误 -27796: 连接服务器“127.0.0.1:1080”失败: “[10061]