Question

$(".hexData").on("click", function() {
  var inputEle = $("<input>");
  $("body").append(inputEle);
  inputEle.val($(element).text()).select();
  document.execCommand("copy");
  inputEle.remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="field hexData"></div>
<div class="button">
  <button class="bttnColor">Copy</button>
</div>

我有这个函数似乎不适用于div中的类hexData。这是我在控制台中收到的内容：

index.html?url=:125 Uncaught ReferenceError: element is not defined
at HTMLDivElement.<anonymous> (index.html?url=:125)
at HTMLDivElement.dispatch (jquery-3.2.1.min.js:3)
at HTMLDivElement.q.handle (jquery-3.2.1.min.js:3)
(anonymous) @ index.html?url=:125
dispatch @ jquery-3.2.1.min.js:3
q.handle @ jquery-3.2.1.min.js:3

我的目标是使用jQuery on复制类字段hexData div中的文本。（'click'event。

Answer 1

您想要的是：

$('button.bttnColor').on("click", function() {
    var inputEle = $("<input />")
        .appendTo("body")
        .val($('.hexData').text())
        .select();
    document.execCommand("copy");
    inputEle.remove();
});

您最终会得到操作系统剪贴板上.hexData div的文本副本。

<强> DEMO

我在下面的代码中遇到问题。我一直在控制台中收到错误

1 个答案: