Javascript 如何将Clipboard.js与背景色一起动态使用？

我有一个按钮：

<button class="badge" style="background-color: #ff3333;" data-clipboard-target="#badge">RED</button>

我尝试使用大约100种变体：

 new ClipboardJS(".badge", {
  text: function(trigger) {
    return $(trigger).closest(".badge").element.style.backgroundColor(); 
  }
});

但我一直收到错误：

uncaughttypeerror:cannotreadproperty'style'of undefined

---

我意识到，我可以直接使用数据剪贴板目标并手动执行此操作，但我希望弄清楚为什么目标关闭了。谢谢

您必须设置

数据剪贴板文本

，然后在

文本功能

中返回要复制的文本。您还可以使用

trigger.style.backgroundColor

获取背景色

newclipboardjs（“.badge”{
文本：函数（触发器）{
var结果=trigger.style.backgroundColor
返回控制台。日志（结果）| |结果
}
});

红色
尝试
控制台.log（$（触发器）.closest（“.badge”）.element）
并查看为什么没有
样式
属性。我认为您实际上想要
$（trigger）.closest（.badge”）.css（'background-color'）太好了。“触发器、样式、背景色”部分对我来说非常不清楚。哈，现在我看到它返回的是rgb颜色，而不是十六进制颜色，所以继续下一个问题。
 new ClipboardJS(".badge", {
  text: function(trigger) {
    return $(trigger).closest(".badge").element.style.backgroundColor(); 
  }
});