如何在 JavaScript 中将文本复制到剪贴板？

为了将文本复制到javascript中的剪贴板，我们使用document.execCommand()方法。这可以分两步完成
Step1：编写HTML代码：

  

Copy text 

Step2：编写JavaScript代码：

function GeeksForGeeks() {
  /* Get the text field */
  var copyGfGText = document.getElementById("GfGInput");
  
  /* Select the text field */
  copyGfGText.select();
  
  /* Copy the text inside the text field */
  document.execCommand("copy");
  
  /* Alert the copied text */
  alert("Copied the text: " + copyGfGText.value);
} 

注意： IE8 和更早版本不支持 document.execCommand() 方法。

示例 1：

    
          
            GeeksForGeeks  
        
        
        Copy text 
        
            function GeeksForGeeks() {
              var copyGfGText = document.getElementById("GfGInput");
              copyGfGText.select();
              document.execCommand("copy");
              alert("Copied the text: " + copyGfGText.value);
            } 
        
        
            Click on the button to copy the text from the
            text field. Try to paste the text (e.g. ctrl+v)
            afterwards in a different window, to see the
            effect.
        
    

输出 ：

点击元素后：

所选文本被复制：

示例 2：

    
         
            h1 { 
            border: 1px solid black; 
            height: 90px; 
            padding-top: 40px; 
            background: green; 
            color: white; 
            } 
        
    
    
          
            GeeksForGeeks  
        
        
        Copy text 
        
            function GeeksForGeeks() {
              var copyGfGText = document.getElementById("GfGInput");
              copyGfGText.select();
              document.execCommand("copy");
              alert("Copied the text: " + copyGfGText.value);
            } 
        
        Click on the button to copy the text from the field.
            Try to paste the text (e.g. "ctrl+v")to see the effect.
        
    

输出 ：

点击元素后：

所选文本被复制：