侧边栏壁纸
  • 累计撰写 88 篇文章
  • 累计收到 673 条评论
  • 今日更新 0 篇文章

添加复制提示框

七年
2021-06-12 / 7 评论 / 102 阅读 / 正在检测是否收录...

前沿

  当我们去某个网站复制内容的时候,会显示一个复制提示框,提示内容格式各样,有的是暖心句子,有的是版权出处,看起来非常漂亮。马上把代码给大家

效果图

Test

教程

  • 把以下JS代码放到<body></body>里面,文字可更改
<script language="JavaScript" type="text/javascript">
document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处!',showConfirmButton: false,timer: 2000});};
</script>
  • 然后把下面代码放到</body>前边即可
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
1

七年博客 - 你的专属归

https://www.qin0.cn/
更多精彩文章,按Ctrl+D收藏本站!

评论 (7)

取消
  1. 头像
    maple
    Windows 10 · QQ Browser

    为啥我的得放到body里才行 一开始在head试半天 - -

    回复
    1. 头像
      七年 作者
      Android · Google Chrome
      @ maple

      刚刚测试了,都是body

      回复
      1. 头像
        maple
        Windows 10 · QQ Browser
        @ 七年

        那大佬你说明改一下 你第一个写的是放到head里

        回复
        1. 头像
          七年 作者
          Android · Google Chrome
          @ maple

          改了改了,不加标签可以直接放到主题后台的自定义JS里边,之前放在head我没做测试表情

          回复
    2. 头像
      七年 作者
      Android · Google Chrome
      @ maple

      第一个还是第二个

      回复
      1. 头像
        yyds
        iPhone · Safari
        @ 七年

        想要顶部的那个小的复制成功,能不能分享一下

        回复
        1. 头像
          七年 作者
          Android · Google Chrome
          @ yyds

          哪个,发截图

          回复
在线人数:1人