写博文时,一部小心点了浏览器的“关闭按钮”,没来得及保存,意味着先前写的内容白写了。。。
增加一段 js 代码,可以弹框提醒我们是否要真的关闭浏览器,用的是 Ckeditor 编辑器,参考代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>在线编辑器 - CKEditor</title> <script type="text/javascript" src="static/jquery.min.js"></script> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> </head> <body style="width: 100%; height: 100%"> <pre id="pre_content" class="hidden"></pre> <textarea id="content" name="blog[content]"></textarea> <script type="text/javascript"> var ck_obj_content = CKEDITOR.replace('content', {width : '100%', height : '600px'}); // 初始化 ck_obj_content.on('instanceReady', function(e) { // 最大化 ck_obj_content.execCommand('maximize'); // 显示区块 ck_obj_content.execCommand('showblocks'); }); // 默认内容 ck_obj_content.setData($('#pre_content').html()); $('#pre_content').remove(); // 关闭页面确认弹出框 window.onbeforeunload = function() { if (ck_obj_content.getData()) { return ('确认要关闭页面吗?'); } }; </script> </body> </html>