Javascript 如何编辑此代码HTML/CSS以使“选择”JS代码也复制2剪贴板？

大家好，这里是全新的，我的第一个问题完全偏离了主题&虽然我学到了一些关于我的代码的东西，但原始问题仍然没有得到回答-PHP'er请检查它+评论将帮助您在其他领域帮助我的重点…所以我想这次我会再尝试一些更简单的东西

好的，网站是NFOPic.com——正如你从页面上看到的，如果你上传一个txt文件并转换成png，png下面会显示代码&如果你点击“直接链接点击这里”文本，它会选择“输入”区域中的所有内容。我需要知道的是-：

如何在右下角添加一个小链接，或者在输入区域的最右边输入“选择和复制”，点击时将链接复制到剪贴板。这当然必须适用于所有主流浏览器[FireFox、Safari、Chrome、基于Chromium的Torch、EpicPrivacy、Comodo Dragon等等]&Opera等等……旧版IE一点都不重要，新的7/8+版IE不太重要，但如果它能工作就太好了。 原始代码：

小问题x2如果你有时间：A我如何使输入字段足够长以容纳链接？右边有一点空闲，因为图像编号最多2-4个字符，还有一点空闲，我知道TextArea，但输入字段太满了，我需要帮助！ B另外，我看不到通过a/get_Image.php？=img_75886996=dl-type php链接显示到“直接图像链接”的“链接”的位置，与显示链接的新HTML代码部分相关的唯一文本是输入字段&style.css，其中没有提及我能看到的任何类型的代码，这些代码会使“链接”或确切的链接出现-我知道get_image.php在阅读时是如何获得链接的，我无法得到的是，如果没有任何代码或PHP，输入字段是否知道如何显示它？如果你有时间，请帮我解释一下

他妈的太长了。外包的编码员的英语不是很好，所以TEXTAREA成为了输入，因为我为“选择和复制”代码添加了一个CodePen.io链接书签，但没有在这个设置上工作书签现在已经丢失到我的旧XP笔记本中了。所以不管怎样，这是最初的想法，尽管输入可以，如果可以添加相同的功能，请

最初的编码员是一名来自印度的学生，他需要为他的学校项目做一些编码，作为一个社区来源的创意项目集体非盈利组织，我们很乐意帮助他完成这个项目&将他的第一个“工作”添加到他的新投资组合中，并附上简历/简历的参考资料……不管怎样，他证明自己很好，但是我不太懂英语。他误解的另一件事是我原来第一个问题的代码。他添加了[dl]来隐藏图像的“来源”，但IMG主机一直都在这样做&似乎并没有给他们带来任何麻烦！可以添加Index.html文件&可能是.htcaccess中的某个文件-但我的计划是，因为我基本上可以阅读和理解大多数PHP、mySQL，我仍在开发&isset、mySQL\u fetch\u assoc、inbode、explode、mySQL\u query&很多字符串，我都能理解它们的要求，但所有的“.”等让我困惑。。很抱歉，我添加了论坛链接、直接链接、页面ie链接。文本区域中的=dl链接，因此当在VPS服务器上准备好时，这些链接可以取消注释以允许热链接，只需使用页面选项中的“直接链接到图像”。。。不管怎样，所有的问题都可以解决，希望这里的好朋友能解决很多问题

感谢大家花时间阅读这篇文章，我回顾了很久，但我认为详细的信息有助于确定最初的目标和我现在必须处理的内容，对于这个小PHP脚本的过去和将来的问题都很重要。虽然我很感激我仍然是一个新手，但我需要找到一些我可以回答的问题，并进一步阅读：发帖礼仪。 我向那些宁愿跳过细节的人道歉，我相信我会通过练习变得更好

非常感谢所有阅读并能在这方面帮助我的人-mini-Q在问题范围内-希望我能在更进一步的轨道上的另一个领域服务，以回报所有人

好心，

---

~jayism

在谷歌上进行两次快速搜索，您可以在这里找到所需的解决方案：

小问题1复制到剪贴板是的副本。 小问题2调整文本输入的宽度是的副本。 对不起，我不明白第二个小问题的B部分，也不明白下面两段是不是偶数问题

关于我们在上一个问题中提出的问题，以及个人认为比这些小问题更重要的问题是，代码中存在严重的安全问题，因为它受到XSS和SQL注入的影响

 <div id="direct_link">
                <label for="link">Direct link to this image</label><br />
                <input id="link" readonly onfocus="$(this).select()" />

/* start add 10.07.2014 DrTech76 */
#direct_link
{
    display:none;
    margin: 1.5em 0;
}
#direct_link label
{
    display:block;
    clear:both;
}
#direct_link #link
{
    width:60%;
}
/* end add 10.07.2014 DrTech76 */