Question

我正在尝试复制文本

如上面的代码所示

，但不起作用。无法复制文本

那是我的问题

<!DOCTYPE html>
    <html>
    <body>
    
    <span id="mytext">Hello World</span>
    <button onclick="myFunction()">Copy text</button>
    
    
    <script>
    function myFunction() {
      var copyText = document.getElementById("mytext");
      copyText.select();
      copyText.setSelectionRange(0, 99999)
      document.execCommand("copy");
    }
    </script>
    
    </body>
    </html>

Answer 1

您不应将select（）用于span标签， HTMLInputElement.select（）方法选择一个元素或包含文本字段的元素中的所有文本。查看此链接以获取更多信息： https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select

如果您已经输入以下代码，此代码将起作用：

MapStateDescriptor

但是，如果要复制span的文本，首先应创建一个输入元素，然后将文本放入元素中，然后选择文本：编码：

<!DOCTYPE html>
    <html>
    <body>
    <input type="text" id="mytext" size="20" value="Hello world!">
    <button onclick="myFunction()">Copy text</button>
         
    <script>
    function myFunction() {
      var copyText = document.getElementById("mytext");
       copyText.select();
       document.execCommand("copy");
    }
    </script>
    
    </body>
    </html>

轻松复制文字

1 个答案: