使用 JQuery 将 A URL 复制到剪贴板
Copying A URL To Clipboard Using JQuery
我一直在做一个项目,我需要在用户点击 link 时将 URL 复制到用户的剪贴板。我知道网上有很多关于此的文档,尤其是 Clipboard JS and this 很好的问题,但所有这些参考资料似乎都显示了从按钮或文本字段获取值的示例,这不是我的用例。
在我的例子中,我设计了一个 JQuery 变量;
var destination = $(this).attr('href');
我的目标是获取 destination
并将其设置为将被复制到剪贴板的文本字符串(我已经设置了点击事件并且可以通过警报确认它正在运行)。
这是我最近的尝试;
var destination = $(this).attr('href');
var $temp = $("<input>");
$("body").append($temp);
$temp.val(destination).select();
document.execCommand("copy");
$temp.remove();
然而,事实证明这在很大程度上是不成功的,因为没有任何内容被复制到剪贴板。
我真的很推荐这个套餐:
https://github.com/zenorocha/clipboard.js.git
我以前用过它,效果非常好!
我一直在做一个项目,我需要在用户点击 link 时将 URL 复制到用户的剪贴板。我知道网上有很多关于此的文档,尤其是 Clipboard JS and this 很好的问题,但所有这些参考资料似乎都显示了从按钮或文本字段获取值的示例,这不是我的用例。
在我的例子中,我设计了一个 JQuery 变量;
var destination = $(this).attr('href');
我的目标是获取 destination
并将其设置为将被复制到剪贴板的文本字符串(我已经设置了点击事件并且可以通过警报确认它正在运行)。
这是我最近的尝试;
var destination = $(this).attr('href');
var $temp = $("<input>");
$("body").append($temp);
$temp.val(destination).select();
document.execCommand("copy");
$temp.remove();
然而,事实证明这在很大程度上是不成功的,因为没有任何内容被复制到剪贴板。
我真的很推荐这个套餐: https://github.com/zenorocha/clipboard.js.git
我以前用过它,效果非常好!