javascript - 如何使用 clipboard.js 复制输入的值

Question

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

这是JS:

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

Here is codepen

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();
    }
  });

...

Codepen