使用Javascript保存到剪贴板

我想将一些动态添加的文本保存到剪贴板中，以multiple

div

目标：我有多个div（dynamicali添加。可以是2或9999），并希望每个

文本区域都有一个按钮（保存到剪贴板）


var copyTextareaBtn=document.querySelector（'.js textareacopybtn'）；
copyTextareaBtn.addEventListener（'click'，函数（事件）{
var copyTextarea=document.querySelector（'.js copyTextarea'）；
copyTextarea.select（）；
试一试{
var successful=document.execCommand（'copy'）；
var msg=successful？'successful'：'successful'；
log（'复制文本命令为'+msg'）；
}捕捉（错误）{
log（'Oops，无法复制'）；
}
});

这是将要选择的文本。请注意，您可以隐藏它并实现秘密复制功能。
复制文本区域文本
这是将要选择的文本。请注意，您可以隐藏它并实现秘密复制功能。
复制文本区域文本
这是将要选择的文本。请注意，您可以隐藏它并实现秘密复制功能。
复制文本区域文本
由于您使用的是jQuery库，因此可以使用事件委派将click事件附加到公共类，因此我将影响动态添加的类，如：

$('body').on('click', '[class^="js-textareacopybtn"]', function(){
  $(this).prev('textarea').select();

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copying text command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }
})

注意：下一行将检索与单击的
按钮相关的上一个
文本区域
，然后选择它：

$(this).prev('textarea').select();

希望这有帮助


$（'body'）。在（'click'，'class^=“js textareacopybtn”]”上，函数（）{
$（this.prev（'textarea'）.select（）；
试一试{
var successful=document.execCommand（'copy'）；
var msg=successful？'successful'：'successful'；
log（'复制文本命令为'+msg'）；
}捕捉（错误）{
log（'Oops，无法复制'）；
}
})
这是将要选择的文本。请注意，您可以将其隐藏并实现秘密复制功能1。这是将要选择的文本。请注意，您可以将其隐藏并实现机密复制功能2。这是将要选择的文本。请注意，您可以将其隐藏并实现秘密复制功能3。

这是将要选择的文本。请注意，您可以将其隐藏并实现秘密复制功能1。
复制文本区域文本1
这是将要选择的文本。请注意，您可以将其隐藏并实现机密复制功能2。
复制文本区域文本2
这是将要选择的文本。请注意，您可以将其隐藏并实现秘密复制功能3。
复制文本区域文本3
由于您使用的是jQuery库，因此可以使用事件委派将click事件附加到公共类，因此我将影响动态添加的类，如：

$('body').on('click', '[class^="js-textareacopybtn"]', function(){
  $(this).prev('textarea').select();

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copying text command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }
})

注意：下一行将检索与单击的
按钮相关的上一个
文本区域
，然后选择它：

$(this).prev('textarea').select();

希望这有帮助


$（'body'）。在（'click'，'class^=“js textareacopybtn”]”上，函数（）{
$（this.prev（'textarea'）.select（）；
试一试{
var successful=document.execCommand（'copy'）；
var msg=successful？'successful'：'successful'；
log（'复制文本命令为'+msg'）；
}捕捉（错误）{
log（'Oops，无法复制'）；
}
})
这是将要选择的文本。请注意，您可以将其隐藏并实现秘密复制功能1。这是将要选择的文本。请注意，您可以将其隐藏并实现机密复制功能2。这是将要选择的文本。请注意，您可以将其隐藏并实现秘密复制功能3。

这是将要选择的文本。请注意，您可以将其隐藏并实现秘密复制功能1。
复制文本区域文本1
这是将要选择的文本。请注意，您可以将其隐藏并实现机密复制功能2。
复制文本区域文本2
这是将要选择的文本。请注意，您可以将其隐藏并实现秘密复制功能3。
复制文本区域文本3
您真的在使用jQuery吗？这不是问题，这是您的目标。这段代码的具体问题是什么？当你尝试它时，会发生什么？@ZakariaAcharki尽管问题不包括jQuery，但如果OP对jQuery解决方案开放，那么包含标记是否有意义？@Santi这正是我想要的，但是如何告诉“在前面选择textarea”？@ZakariaAcharki发布的答案正是如此。你真的在使用jQuery吗？这不是问题，这是你的目标。这段代码的具体问题是什么？当你尝试它时会发生什么？@ZakariaAcharki尽管问题不包括jQuery，但如果OP对jQuery解决方案开放，那么包含标签是否有意义？@Santi这正是我想要的，但如何告诉“在前面选择文本区域”？@ZakariaAcharki发布了一个答案，正是这样。谢谢你的回复。不确定是否理解，它将选择好的文本区域我不是发布此答案的人，但它是完全正确的
$（此）
指的是单击的按钮，因此
$（此）。prev（'textarea'）
将始终指的是单击按钮之前的
textarea
。这太完美了！然后只需通过警报更改console.log。。这不是你想要的行为吗？！是的，对不起，我刚刚注意到我的脚本在每个“文本区域”都是重复的。非常感谢你！谢谢你的回复。不确定是否理解，它将选择好的文本区域我不是发布此答案的人，但它是完全正确的
$（此）
指的是单击的按钮，因此
$（此）。prev（'textarea'）
将始终指的是单击按钮之前的
textarea
。这太完美了！然后只需通过警报更改console.log。。这不是你想要的行为吗？！是的，对不起，我刚刚