Question

我有一个问题是在复制时获取输入字段的颜色值。如果我在bootstrap colorpicker中复制输入字段，我如何获得颜色值。有人能帮助我吗？

<a href="#" class="btn btn-default" id="cp4">Change background color</a>

<a href="#" class="btn btn-default" id="cp4">Change background color</a>
      <script>
          $(function () {
              $('#cp4').colorpicker().on('changeColor', function (e) {
                  $('body')[0].style.backgroundColor = e.color.toString('rgba');
              });
          });
      </script>

请检查原始代码：https://itsjavi.com/bootstrap-colorpicker/

提前致谢！

Answer 1

我现在不能尝试，但你可以试试这个

<a href="#" class="btn btn-default cp4">Change background color</a>
<a href="#" class="btn btn-default cp4">Change background color</a>

$(function() {
  $('.cp4').colorpicker().on('changeColor', function() {
    var value = $(this).colorpicker('getValue');
    // do what you want
  });
});

Answer 2

作为评论讨论 - 你必须有一个唯一的id - 你可以将一个类应用于每个按钮 - 或者将它们包装在具有id的父级中，并在div中的.btn类的clik上调用该函数。 / p>

<div id="cp4">
  <a href="#" class="btn btn-default" >Change background color</a>

  <a href="#" class="btn btn-default">Change background color</a>
</div

//js
      <script>
          $(function () {
              $('#cp4 .btn').colorpicker().on('changeColor', function (e) {
                  $('body')[0].style.backgroundColor = e.color.toString('rgba');
              });
          });
      </script>

如果我在bootstrap colorpicker中复制输入字段，我如何获得颜色值。有人能帮我吗？

2 个答案: