网站上的复制到剪贴板按钮不起作用
Copy to clipboard button on website not working
我使用了这个网站的代码:
http://www.htmlgoodies.com/beyond/javascript/article.php/3458851
并修改了代码以满足我的需要:
<div align="center">
<font size="5"><b><a href="https://secure.geobytes.com/IpLocator.htm?GetLocation&IpAddress=[show_ip]" target="_blank"><SPAN ID="copytext">[show_ip]</SPAN></a></b></font>
<br />
<TEXTAREA ID="holdtext" STYLE="display:none;"></TEXTAREA>
<BUTTON onClick="ClipBoard();">Copy to Clipboard</BUTTON>
</div>
代码没有给出任何错误并且格式正确,但它只是没有复制到剪贴板。
我将它放在 Wordpress 的文本小部件中,所以我能做的有限。
有人有什么建议吗?
谢谢!
您复制的网站,在link中,也有ClipBoard()的JS代码;它位于页面的下方。看来你错过了。
<SCRIPT LANGUAGE="JavaScript">
function ClipBoard()
{
holdtext.innerText = copytext.innerText;
Copied = holdtext.createTextRange();
Copied.execCommand("Copy");
}
</SCRIPT>
^^ 来自您 link 编辑的网站。
我使用了这个网站的代码:
http://www.htmlgoodies.com/beyond/javascript/article.php/3458851
并修改了代码以满足我的需要:
<div align="center">
<font size="5"><b><a href="https://secure.geobytes.com/IpLocator.htm?GetLocation&IpAddress=[show_ip]" target="_blank"><SPAN ID="copytext">[show_ip]</SPAN></a></b></font>
<br />
<TEXTAREA ID="holdtext" STYLE="display:none;"></TEXTAREA>
<BUTTON onClick="ClipBoard();">Copy to Clipboard</BUTTON>
</div>
代码没有给出任何错误并且格式正确,但它只是没有复制到剪贴板。
我将它放在 Wordpress 的文本小部件中,所以我能做的有限。
有人有什么建议吗?
谢谢!
您复制的网站,在link中,也有ClipBoard()的JS代码;它位于页面的下方。看来你错过了。
<SCRIPT LANGUAGE="JavaScript">
function ClipBoard()
{
holdtext.innerText = copytext.innerText;
Copied = holdtext.createTextRange();
Copied.execCommand("Copy");
}
</SCRIPT>
^^ 来自您 link 编辑的网站。