javascript - 无法使用Javascript将文本复制到剪贴板

我一直在尝试理解有关如何将文本复制到剪贴板的不同方法的很多问题。如果有人可以向我解释为什么我的代码不起作用，我将不胜感激。

<!DOCTYPE HTML>
<html dark= "true" style="font-size: 50px;font-family: Roboto, Arial, sans-serif">
<body>
  <textarea id="copytext">ROGER</textarea>
  <div class="button" id="adadad">
    <button onclick="copyS()" id="dlld">
    </button>
  </div>
<p> </p>
<script type=text/javascript">
function copyS{
clicked = document.getElementById("dlld");
}
if ("dlld" == clicked){
   var am1 = document.getElementById("copytext");
   document.execCommand("copy");
}
}
</script>
<p> </p>
</body>
</html>

最佳答案

好的，我对您的代码做了一些调整，但是现在应该可以了。


    <!DOCTYPE HTML>
<html dark= "true" style="font-size: 50px;font-family: Roboto, Arial, sans-serif">
<body>
  <textarea id="copytext">ROGER</textarea>
  <div class="button" id="adadad">
    <button onclick="copyS()" id="dlld">
    </button>
  </div>
<p> </p>

<!-- removed the single " at the end of your script tag -->
<script type=text/javascript>
    //added () after you declared your function
    function copyS(){
        clicked = document.getElementById("dlld");
        //added .id to clicked. Not sure why you need to do this, but it works now
        if ("dlld" == clicked.id){
            var am1 = document.getElementById("copytext");
            //you need to select before running the .execCommand
            am1.select();
            document.execCommand("copy");
        }
    }
</script>

<p> </p>
</body>
</html>