javascript - 我将如何使用 javascript 或 dojo 从链接或按钮实现“将 url 复制到剪贴板”而不使用 flash

Question

我被困在我的网络应用程序上实现这个功能。所有其他可能性主要是通过使用 Flash 内容。有人可以解释我如何通过使用纯 JavaScript 或 Dojo 来实现它。

Answer 1

我一直在研究完全相同的问题一段时间。对我来说 flash 不是一个可行的解决方案，所以我想出了这个简单的解决方法：

<button onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','copy me')">Click to Copy</button>

它需要在用户端进行一些额外的工作，但至少不需要闪存或外部库。

示例小提琴

Answer 2

想要实现相同的功能。最终使用https://clipboardjs.com。

new Clipboard('.btn', {
  text: function() {
    return window.location.href;
  }
});

效果很好

Answer 3

html

<a class="" data-toggle="tooltip" data-placement="top" title="Copy profile Link" onclick="copy_to_clipboard('<%=public_profile_url(user.public_id)%>')">
<i class="fa fa-copy"></i>

CSS

#url_public_id{
  display: none;
}

JS

function copy_to_clipboard(link) {
    $("#url_public_id").show()
    var Url = document.getElementById("url_public_id");
    Url.select();
    document.execCommand("copy");
    $("#url_public_id").hide()
    alert("Copied URL ");
}

Answer 4

检查我的代码它正在工作

static getFileUrl(id){
    var url=new URL("http://localhost:3000/FileUrl")
    url.searchParams.append('id',id)
    return url.href
}
static copyFileUrl(id){
    copy(this.getFileUrl(id))
}

Answer 5

已经很久了，但是现在可以了：

document.execCommand('copy');

它将当前选定的文本复制到剪贴板。如果要使用 javascript 复制特定文本，则必须在 DOM 中创建一个假输入元素，然后执行以下操作

let element = document.getElementById('yourID');
element.value = 'yourText';
element.select();
element.setSelectionRange(0, element.value.length);
document.execCommand('copy');