Question

我尝试了解这方面的信息并且有很多但没有处理这个特定问题。

我有我们公司的GUI，我们需要这样做，以便当您点击客户的名称时，它会复制＆＃34;电话号码＆＃34;到剪贴板。

我不知道该怎么做。显示的名称只是客户名称，但我需要将与之关联的电话号码复制到剪贴板＆＃34;只需点击客户的名字即可。

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

关于如何获取特定信息领域的任何想法＆＃34;复制到剪贴板＆＃34;只需点击客户的名字即可。

Answer 1

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

＆＃13;

// 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);
}

＆＃13;

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

＆＃13;

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>

＆＃13;

您可以通过功能检测document.execCommand('copy')进一步改进这一点，如果不可用，可以回退到不同的复制方法。

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

1 个答案: