Question

我有一个问题^^;

我想通过使用js或jquery按下copy1将输入复制到剪贴板

我想通过按copy2将文本区域复制到剪贴板

谢谢，如果你让我知道怎么做。

============================================= < / p>

我为此搜索了一些代码，但是感觉很困难。

我应用了此代码

$("#copy_code").click(function(e) {

  e.preventDefault();

  document.execCommand('copy', false, document.getElementById('select-this').select());

  alert("copy is completed")
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="" value="{{p.content1}}" size="40">
<button class="btn btn-outline-primary btn-sm myinput" id="copy_code select-this">copy1</button>

ex） https://codepen.io/fabean/pen/GprQJa

但出错

Uncaught TypeError: Cannot read property 'select' of null
    at HTMLButtonElement.<anonymous> ((index):251)
    at HTMLButtonElement.dispatch (custom.js:3)
    at HTMLButtonElement.q.handle (custom.js:3)

Answer 1

id="copy_code select-this"不正确。通过您的JS猜测，您实际上希望input有id="select-this"和button有id="copy_code"。

$("#copy_code").click(function(e) {

  e.preventDefault();

  document.execCommand('copy', false, document.getElementById('select-this').select());

  alert("copy is completed")
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="select-this" type="text" name="" value="{{p.content1}}" size="40">
<button class="btn btn-outline-primary btn-sm myinput" id="copy_code">copy1</button>

我想将输入和文本区域的值复制到剪贴板

1 个答案: