网站添加复制时弹出对话框版权提醒

分类:技术文章 时间:2020-06-16 20:45 浏览:0 评论:1
0

今天逛博客,偶尔发现一个给网站添加复制提示版权对话框的教程,不过给的教程有点小缺陷,所以整理了下,又结合了网上其他的教程,一块发出来,也作为自用备用!

第一种:最原始的

下面是源码,不借助任何插件。


  document.body.oncopy=function(){
    alert("复制成功!小二胡工作室提醒您:若要转载请保留原文链接,谢谢合作!");
  }

第二种:对第一种的美化,前两种都是需要点确定的。

下面是源码,要加载sweetalert




  window.onload = function(){
    document.body.oncopy = function() {
    swal("复制成功!", "小二胡工作室提醒您:若要转载请保留原文链接,谢谢合作!","success");
        };
    }

第三种:用的layui,弹窗3秒自动消失

下面上源码,用layer就可以根据需要换弹窗样式了,比如说加个icon啥的。


//layer自己去官网下载就可以
 
    document.body.oncopy = function() {layer.msg('复制成功,小二胡工作室提醒您:若要转载请务必保留出处!');};


1. 本站所有资源来源于用户上传或网络,仅作为参考研究使用,如有侵权请邮件联系站长!
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. 技术文章 > 网站添加复制时弹出对话框版权提醒

用户评论