javascript - 在弹出窗口中创建复制按钮

Question

我有一个折扣优惠券代码弹出窗口，如我所附的图片所示。 我的问题是，如何在“复制此优惠券代码”按钮上创建复制功能？因此，当用户单击“复制此优惠券代码”时，123 优惠券代码将被复制。 我按照这种方式，但它不适用于弹出窗口 https://www.w3schools.com/howto/howto_js_copy_clipboard.asp

出现错误消息:copyText.select () is not function

Answer 1

让我澄清一下这个例子

 <!-- The text field -->
 <input type="text" value="Hello World" id="myInput">

 <!-- The button used to copy the text -->
 <button onclick="myFunction()">Copy text</button> 

现在看到文本字段中给出了 id，即 myInput，现在函数如下

<script type="text/javascript">
function myFunction() {
var copyText = document.getElementById("myInput");
copyText.select();
document.execCommand("Copy");
alert("Copied the text: " + copyText.value);
} 

现在，在函数中，我们首先通过该 id(myInput) 获取输入文本，然后相应地应用其余功能。请检查您的代码是否使用了正确的 ID？

谢谢