首页 > 解决方案 > jQuery复制到剪贴板,手动输入没有ID的文本

问题描述

我正在尝试使用以下代码将文本复制到剪贴板,但是当我单击文本时,它不会复制任何内容,并且控制台中没有 JS 错误。(我确信这与在 jQuery 中使用“元素”有关,但我不知道如何修复它。)

我不想为电话号码分配 ID,只能在“onclick”事件中手动输入号码。

html

<p style="text-decoration:underline;" onclick="copyToClipboard('1-888-888-8888')"> My Phone Number</p>

jQuery

  function copyToClipboard(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
}

标签: javascriptjquery

解决方案


我认为问题出在这一行:

$temp.val($(element).text()).select();

将其更改为:

$temp.val(element).select();

你会看到结果


推荐阅读