不灭的焱

革命尚未成功,同志仍须努力

作者:php-note.com  发布于:2017-10-31 20:52  分类:HTML/CSS/JS  编辑

写博文时,一部小心点了浏览器的“关闭按钮”,没来得及保存,意味着先前写的内容白写了。。。

增加一段 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>