Question

我的目标是在我的网站上使用与whatsapp等信使应用类似的功能，您可以点击笑脸 - <img>然后将此<img>的值存储在剪贴板中甚至可能复制到<input>字段。

非常感谢帮助，我真的不知道如何完成这项工作。 Javascript或jQuery，都很好。刚刚开始：

<img src="..." id="smiley" value=":)" style="cursor:pointer">
   <input type="text" id="copyhere">

jQuery('#smiley').on('click', function () {

});

Answer 1

您应该将Document.execCommand()与 copy 一起用作参数。

＆＃13;

$('#smiley').on('click', function() {
  var value = $(this).attr('value');

  copyToClipboard(value);
  
  $('#copyhere').val(value);
});

function copyToClipboard(value) {
  var $tmpInput = $('<input>');
  $tmpInput.val(value);
  $('body').append($tmpInput);
  $tmpInput.select();
  document.execCommand('copy');
  $tmpInput.remove();
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="..." id="smiley" value=":)" style="cursor:pointer">
<input type="text" id="copyhere">

＆＃13;

将img的值复制到剪贴板（然后粘贴？）

1 个答案: