使用 clipboard.js 复制所选选项

问题描述

我试图在不使用 javascript api 的情况下使用 clipboard.js 在下拉列表中复制选定的选项文本。

文档说：

一个非常常见的用例是从另一个元素复制内容。你可以通过在您的触发元素。

您在此属性中包含的值需要与其他属性匹配元素选择器。

我的 HTML 是这样的：

<select id="my-selector">
  <option value="one">one</option>
  <option value="two">two</option>
  <option value="three">three</option>
</select>

<a class="btn"
  data-clipboard-target="#my-selector option:checked"
>click me</a>

当我在控制台中运行选择器时，我可以看到它给了我一个元素：

document.querySelector('#my-selector option:checked')
#=> <option value="one">one</option>

如果我强制出现错误，我可以看到 clipboard.js 正在调用 document.querySelector(selector)。当我输入正确的选择器时，javascript 似乎在运行。但是没有复制任何内容。

有没有办法让它复制文本？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

clipboard.js javascript