当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 增强用户体验友好性之jquery easyui window 窗口关闭时的提示

增强用户体验友好性之jquery easyui window 窗口关闭时的提示

2018年10月17日  | 移动技术网IT编程  | 我要评论

代码如下:

$('#aa').click(function(){ //按钮单击事件
　　$('#w').window({//窗口初始化
　　　　title:'随便点',width:400,height:300,iconcls:'icon_add',
　　　　//重要的部分
　　　　onbeforeclose:function(){ //当面板关闭之前触发的事件
　　　　　　if (confirm('窗口正在关闭，请确认您当前的操作已保存。\n 是否继续关闭窗口？')) {
　　　　　　　　$('#w').window('close', true); //这里调用close 方法，true 表示面板被关闭的时候忽略onbeforeclose 回调函数。
　　　　　　} else
　　　　　　　　return false;
　　　　}
　　});
});


这样就ok啦，在点击红x 或者取消|关闭之类的按钮的时候就弹出confirm 窗口点确定关闭window,点取消保留window.
如果不想弹出提示，就直接调用：$('#w').window('close', true)。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网