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

时间:2017-11-15 02:14:00

标签: javascript asp.net-mvc-5 popup shopify

我有一张折扣优惠券代码弹出窗口,就像我附上的图片一样。 enter image description here 我的问题是,如何在“复制此优惠券代码”按钮上创建复制功能?因此,当用户点击“复制此优惠券代码”时,将复制123优惠券代码。 我按照这种方式,但它不适用于弹出窗口 https://www.w3schools.com/howto/howto_js_copy_clipboard.asp

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

1 个答案:

答案 0 :(得分: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的代码吗?

由于