如何用clipboard.js复制输入值

Question

我不知道如何在不使用ID的情况下将值从输入复制到剪贴板！

这是JS：

  new Clipboard(".form__copy-btn", {
    target: function (trigger) {
      return $(trigger).closest(".form__field-wrapper").find("input");
    }
  });

这是代码

Answer 1

这里发生了两件事：

1. jQuery无法使用剪贴板返回函数。我是用var j = $;传递的
2. 您正在尝试返回一个jQuery元素，而clipboard.js只接受一个本机JS元素。不要使用target:，而是使用text: --这样就可以传递确切的文本字符串而不是元素。

这对我起了作用：

var j = $;

_document.ready(function () {

new Clipboard(".form__copy-btn", {
    text: function(trigger) {
        return j(trigger).closest(".form__field-wrapper").find("input").val();
    }
  });

...

科德芬

Answer 2

我查过你的密码了。我已经做了以下的修改，副本正在工作。

1. 从js中删除剪贴板js插件代码，并在js部分中添加itin设置作为外部资源(外部资源cdn链接：https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js)
2. 我在下面对您的代码进行了更改 我使用文本方法复制，它正在工作**/ var剪贴板=新剪贴板(“..form__ copy -btn”，{ text: function(触发器){ // console.log($(trigger).closest(".form__field-wrapper").find("input").val())；返回$(trigger).closest(".form__field-wrapper").find("input").val()；} })；

Answer 3

您可以使用document.execCommand('copy')将值从输入复制到剪贴板。请参阅链接以检查详细信息和浏览器兼容性。