Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/apache-flex/4.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
通过链接使用Rails和Javascript复制到剪贴板_Javascript_Input_Copy_Clipboard - Fatal编程技术网

通过链接使用Rails和Javascript复制到剪贴板

通过链接使用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();

下面的代码可以很好地将url复制到剪贴板。这是一个有点黑客,因为我使用不透明度:0输入,因为我无法使它与隐藏的输入工作

单击后,如何将链接从“复制链接”更改为“已复制!”

函数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(“复制!”);
});

还应包括剪贴板的使用,以使其具有任何用途。