Question

我正在尝试编写函数，该函数将在单击时选择元素颜色并将其复制到剪贴板。

我的功能如下：

$(".color").click( function () {
  color = getComputedStyle(this).backgroundColor;
  color.select();
  document.execCommand("copy"); 
})

控制台显示错误

未捕获的TypeError：color.select不是函数。

您知道其他方法可以使它正常工作吗？

Answer 1

如果我很好理解，您想将背景色属性复制到剪贴板。我从此链接获得帮助。 https://hackernoon.com/copying-text-to-clipboard-with-javascript-df4d4988697f

我在jsfiddle中尝试过，它工作正常。希望有帮助

<div class="color">hello</div>

>

  const copyToClipboard = str => {
      const el = document.createElement('textarea');
      el.value = str;
      document.body.appendChild(el);
      el.select();
      document.execCommand('copy');
      document.body.removeChild(el);
    };

    $('.color').click( function () {
      color = $(this).css( "background-color" );
      copyToClipboard(color);
    });

如何选择元素的背景色？

1 个答案: