WordPress 添加复制版权提示

奥多也网络

前言

今天教大家在别人复制网页内容的时候弹窗提示他人转载表明出处。

方法

添加如下代码到页脚代码中

1. <script>
   
2. document.addEventListener('copy', function(e) {
   
3.     e.preventDefault();
   
4.     var copyText = window.getSelection().toString();
   
5.     var messageWithCredit =copyText;
   
6.     e.clipboardData.setData('text', messageWithCredit);
   
7. 
   
8.     // 显示复制成功通知
   
9.     new Vue({
   
10.         data: function () {
    
11.             this.$notify({
    
12.                 title: "复制提示",
    
13.                 message: "复制成功，请标注转载的出处！",
    
14.                 position: 'bottom-right',
    
15.                 offset: 50,
    
16.                 showClose: true,
    
17.                 type: "success"
    
18.             });
    
19.             return { visible: false };
    
20.         }
    
21.     });
    
22. });
    
23. </script>

复制代码