通过链接使用Rails和Javascript复制到剪贴板
下面的代码可以很好地将url复制到剪贴板。这是一个有点黑客,因为我使用不透明度:0输入,因为我无法使它与隐藏的输入工作 单击后,如何将链接从“复制链接”更改为“已复制!”通过链接使用Rails和Javascript复制到剪贴板,javascript,input,copy,clipboard,Javascript,Input,Copy,Clipboard,下面的代码可以很好地将url复制到剪贴板。这是一个有点黑客,因为我使用不透明度:0输入,因为我无法使它与隐藏的输入工作 单击后,如何将链接从“复制链接”更改为“已复制!” 函数copytoclipboard(){ var postrl=document.getElementById(“postrl”); postrl.select(); 文件。执行命令(“副本”); } 如果您有jquery,请尝试以下操作: <a href="#" onclick="copytoclipboard();
函数copytoclipboard(){
var postrl=document.getElementById(“postrl”);
postrl.select();
文件。执行命令(“副本”);
}
如果您有jquery,请尝试以下操作:
<a href="#" onclick="copytoclipboard(); $(this).text('Copied!');">Copy Link</a>
没有jquery:
<a href="#" onclick="copytoclipboard(); this.innerHTML='Copied!';">Copy Link</a>
这不是最干净的方法,但它会改变链接文本
顺便说一句,我不确定copytoclipboard()函数是否可以跨(所有)浏览器工作,或者您可以尝试或使用类似的方法
<script>
$(".clipboard-btn").click(function(e){
e.preventDefault();
$(this).html("Copied!");
});
</script>
$(“.clipboard btn”)。单击(函数(e){
e、 预防默认值();
$(this.html(“复制!”);
});
还应包括剪贴板的使用,以使其具有任何用途。