Question

我花了几天时间看这个例子。我相信我要么缺少某些东西，要么只是滥用它。我创建了自己的版本，略有修改，但它不适合我。我相信它是Javascript而不是jQuery但我在网站上有其他功能使用jQuery所以我把它保存在标题中。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

在此之下，我有以下脚本。我看过很多使用输入容器的例子，但我需要一个简单的点击功能来复制不可见但在元素中作为值的文本。我希望能够让用户单击“SPAN12”按钮，并且创建用于布局的span12所需的元素应该复制到剪贴板。然后用户可以将带有span12类的div元素粘贴到textarea中。我想另一个选择是让代码直接将它添加到textarea，只需单击标记为span12的按钮，但如果没有，那么至少复制到剪贴板是一个很好的开始。我只是不想让文本显示，我不希望它在输入中复制，只需一个按钮。我已经看到了很多刚才提到的例子，但没有像我想象的那样。

<script type="text/javascript">
  $(document).ready(function(){
    $("#toCopy").on('click', function(){
        document.getElementById("toCopy").addEventListener("copy", myFunction);
    });
});
function myFunction() {
    document.getElementById("copied").innerHTML = "You copied text!"
}
    </script>

我试图操纵的元素如下。

<button type="text" id="toCopy" onclick="myFunction()" value="&lt;div class='span12'&gt;&lt;/div&gt;">Span 12</button>
<p id="copied"></p>

使用单击功能将div或按钮元素中的隐藏文本复制到剪贴板

0 个答案: