Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我应该使用什么类型的函数来复制随机生成的十六进制值?_Javascript_Html_Css - Fatal编程技术网

Javascript 我应该使用什么类型的函数来复制随机生成的十六进制值?

Javascript 我应该使用什么类型的函数来复制随机生成的十六进制值?,javascript,html,css,Javascript,Html,Css,我试图对copyHexValue按钮应用一个函数,将生成的十六进制值复制到用户的剪贴板。关于我应该在函数中包含哪些代码,有什么建议吗 函数genNewColor(){ 变量符号、颜色; symbols=“0123456789ABCDEF”; color=“#”; 对于(变量i=0;i

我试图对
copyHexValue
按钮应用一个函数,将生成的十六进制值复制到用户的剪贴板。关于我应该在函数中包含哪些代码,有什么建议吗

函数genNewColor(){
变量符号、颜色;
symbols=“0123456789ABCDEF”;
color=“#”;
对于(变量i=0;i<6;i++){
颜色=颜色+符号[Math.floor(Math.random()*16)]
}
document.body.style.background=颜色;
document.getElementById(“hex”).innerHTML=color
}
正文{
保证金:0;
填充:0;
背景:#161818;
字体系列:“Consolas”;
}
.颜色{
边缘顶部:300px;
文本对齐:居中;
}
#六角形{
显示:块;
颜色:白色;
字体大小:100px;
文本转换:大写;
边际:0px;
}
.彩色按钮{
背景:无;
大纲:10px;
颜色:白色;
光标:指针;
字体大小:40px;
边框:3倍纯白;
}

颜色发生器
#??????
生成新的随机颜色
复制十六进制值

使用此功能复制十六进制颜色

 function copyHexValue(){

    const el = document.createElement('textarea');

    el.value = document.getElementById("hex").innerHTML;
    document.body.appendChild(el);
    el.select();
    document.execCommand('copy');
    document.body.removeChild(el);
}

这就是你想要的。您可以在w3学校阅读有关复制到剪贴板的更多信息-

只需运行snippet就可以看到它的作用

函数genNewColor(){
变量符号、颜色;
symbols=“0123456789ABCDEF”;
color=“#”;
对于(变量i=0;i<6;i++){
颜色=颜色+符号[Math.floor(Math.random()*16)]
}
document.body.style.background=颜色;
document.getElementById(“hex”).innerHTML=color
}
函数copyHexValue(){
var copyHex=document.createElement('input');
copyHex.value=document.getElementById(“hex”).innerHTML;
document.body.appendChild(copyHex);
copyHex.select();
document.execCommand('copy');
警报('复制'+copyHex.value)
console.log('Copied'+copyHex.value)
document.body.removeChild(copyHex);
}
正文{
保证金:0;
填充:0;
背景:#161818;
字体系列:“Consolas”;
}
.颜色{
边缘顶部:300px;
文本对齐:居中;
}
#六角形{
显示:块;
颜色:白色;
字体大小:100px;
文本转换:大写;
边际:0px;
}
.彩色按钮{
背景:无;
大纲:10px;
颜色:白色;
光标:指针;
字体大小:40px;
边框:3倍纯白;
}

颜色发生器
#??????
生成新的随机颜色
复制十六进制值