链接-将信息复制到剪贴板

Question

我尝试查找有关此问题的信息，但有很多信息，但没有涉及这个特定问题的信息。

我有我们公司的GUI，我们需要这样做，以便在您单击客户名称时将“电话号码”复制到剪贴板。

我不确定该怎么做。 显示的名称只是客户名称，但是我只需要在单击客户名称时将与其关联的电话号码“复制到剪贴板”。

现在，我们已经将其设置为旧VoIP的点击通话。 电话号码信息-显示的文字是客户姓名。

只需单击客户名称，有关如何获取特定信息字段“复制到剪贴板”的任何想法。

Answer 1

我不知道您的html是如何设置的，但是您可以像这样设置它，并使用document.execCommand('copy')复制到剪贴板。

 // our hidden textarea, where we pass the text which we want to copy, to var copyarea = document.createElement("textarea"); copyarea.style.cssText = 'position:absolute; left: -1000px; top: -1000px;'; function copyPhoneNumber(text) { document.body.appendChild(copyarea); copyarea.value = this.dataset.phone; copyarea.select(); document.execCommand('copy'); document.body.removeChild(copyarea); }; var customers = document.querySelectorAll(".customer"); for(var i = 0; i < customers.length; i++) { customers[i].addEventListener("click", copyPhoneNumber); } 

 .customer { color: blue; text-decoration:underline; } .customer:hover { text-decoration:none; cursor:pointer } 

 Just click on a name <span class="customer" data-phone="123">Name 1</span> <span class="customer" data-phone="234">Name 2</span> <span class="customer" data-phone="345">Name 3</span> 

您可以通过功能检测document.execCommand('copy')并进一步使用其他方法（如果不可用）进行复制来进一步改进此功能。