Javascript 通过使用JS单击另一个按钮类型输入，将值从输入复制到剪贴板

我想通过单击另一个

按钮类型输入

将

文本类型输入的值复制到剪贴板。起初，我甚至希望
文本类型输入
是
按钮类型输入
，但找不到将
按钮类型输入的值复制到剪贴板的方法

有关代码，请访问

现在，该值不会被复制。请建议一种方法，以及将
按钮类型输入的值复制到剪贴板的方法。
简单，只需使用element.addEventListener函数收听按钮的单击事件。


函数copyTextToClipboard（）{
var id1=document.querySelector（'#id1'）；
//将值复制到剪贴板
id1.select（）；
文件。执行命令（“副本”）；
警报（“复制”）；
}
var id2=document.querySelector（'#id2'）；
id2.addEventListener（“单击”，copyTextToClipboard）

试试这个

var formData = new FormData(document.querySelector('form'));
//or document.getElementById('id_form')

var str = JSON.stringify(formData);
str.select();
document.execCommand("Copy");

尝试复制隐藏输入的值在这里很麻烦，因此首先将其取消隐藏

只需要更改代码行的顺序。写入
id1.style.display=“block”


var id1=document.getElementById（'id1'）；
var id2=document.getElementById（'id2'）；
id2.onclick=函数（）{
id1.style.display=“块”；
//将值复制到剪贴板
id1.select（）；
document.execCommand（'copy'）；
id2.style.display=“无”；
}

您刚刚在整个窗口上分配了一个单击事件。因此，无论何时单击窗口中的任何位置，都会触发此回调。这显然不是op所要求的。@KarenGrigoryan抱歉的小错误，已修复。我在
JSFiddle
中尝试了该代码，但它不起作用。即使代码在
代码段中工作
。请发送一个带有代码的
JSFiddle
链接，该代码在您为
文本类型输入应用
style=“display:none；”“
之前工作正常。这就是问题所在。“我的代码”也适用于正常参数，但当
文本类型输入处于隐藏状态时，“我的代码”不起作用。请帮我做这个。如果可以的话，摆弄一下我的JS链接。你想创建一个新对象吗？我忘了将对象转换成json。我已经更新了我的答案