文章复制时自动添加版权内容且弹出警告框

首页 > 云端折腾笔记 > php云端折腾笔记作者：沁雨寒 2017年9月3日 11:25 星期日热度：2020° 字号：小中大评论：0 条

时间：2017-9-3 11:25 热度：2020° 评论：0 条

首先来说一说 sweetalert 这个项目

SweetAlert是一款一个非常强大又漂亮神奇的javascript弹出消息警告框插件。可替换所有alert弹框。

使用方法

要使用该插件，首先要在你想引用的文件中引入以下文件（github下可以下载，并且有多个css样式可以自行切换，上传注意是模版文件夹下路径）：

<script src="<?php echo TEMPLATE_URL; ?>js/sweetalert.min.js"></script>
<link rel="stylesheet" href="<?php echo TEMPLATE_URL; ?>css/sweetalert.css" type='text/css' media='all' />

四种图标及调用方式：

swal("温馨提示！", "这是一个感叹号的提示","info");
swal("警告", "这是一个警告的提示","warning");
swal("错误提示", "这是一个错误的提示","error");
swal("完成", "这是一个完成的提示","success");

完整的SweetAlert代码

sweetAlert({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
closeOnConfirm: false
}, function(){
swal("Deleted!",
"Your imaginary file has been deleted.",
"success");
});

可用参数

参数默认值描述
title null(required) 窗口的名称。可以通过对象的"title"属性或第一个参数进行传递
text null 窗口的描述。可以通过对象的"text"属性或第二个参数进行传递
type null 窗口的类型。SweetAlert 有4种类型的图标动画："warning", "error", "success" 和 "info".可以将它放在"type"数组或通过第三个参数传递
allowOutsideClick false 如果设置为“true”，用户可以通过点击警告框以外的区域关闭警告框
showCancelButton false 如果设置为“true”，“cancel”按钮将显示，点击可以关闭警告框
confirmButtonText "OK" 该参数用来改变确认按钮上的文字。如果设置为"true"，那么确认按钮将自动将"Confirm"替换为"OK"
confirmButtonColor "#AEDEF4" 该参数用来改变确认按钮的背景颜色（必须是一个HEX值）
cancelButtonText "Cancel" 该参数用来改变取消按钮的文字
closeOnConfirm true 如果希望以后点击了确认按钮后模态窗口仍然保留就设置为"false"。该参数在其他SweetAlert触发确认按钮事件时十分有用
imageUrl null 添加自定义图片到警告框上。必须是图片的完整路径
imageSize "80x80" 当设定图片的路径后，你可以设定图片的大小，格式为两个数字中间带个"x"符号
timer null 警告框自动关闭的时间。单位是ms

接下来就是重点部分了

添加banquan.js 代码如下

document.body.addEventListener('copy', function (e) {
    if (window.getSelection().toString() && window.getSelection().toString().length > 42) {
        setClipboardText(e);
swal("温馨提示！", "亲，商业转载请联系作者获得授权，非商业转载请注明出处，谢谢支持！","info");
    }
});
 
function setClipboardText(event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (clipboardData) {
        event.preventDefault();
 
        var htmlData = ''
            + '著作权归作者所有。<br>'
            + '商业转载请联系作者获得授权，非商业转载请注明出处。<br>'
            + '作者：沁雨寒<br>'
            + '链接：' + window.location.href + '<br>'
            + '来源：sxx1314.com<br><br>'
            + window.getSelection().toString();
        var textData = ''
            + '著作权归作者所有。\n'
            + '商业转载请联系作者获得授权，非商业转载请注明出处。\n'
            + '作者：沁雨寒\n'
            + '链接：' + window.location.href + '\n'
            + '来源：sxx1314.com\n\n'
            + window.getSelection().toString();
 
        clipboardData.setData('text/html', htmlData);
        clipboardData.setData('text/plain',textData);
    }
}