如何在html中添加点击呼叫功能，从动态文本框中提取电话号码？

Question

我想看看是否可以在我工作的公司使用的网站上添加一个点击来调用功能。该链接将从CRM获取电话号码，并使用VOIP拨号。所采用的客户关系管理是领先的完善，而VOIP是Five9。这不是我的工作所需要的，也不是“绝对必要的”，因为来电者可以复制/粘贴电话号码，但我想让事情变得更有效率。不幸的是，我对html一无所知，只有在每次电话号码相同的情况下，我才能在网上找到信息和指南。

到目前为止，我的情况如下：

<a href="tel:https://app-scl.five9.com/appsvcs/rs/svc/orgs/DomainID/interactions/click_to_dial?number=XXXXXXXXXXPhone&amp;campaignId=outbound=&amp;checkMultipleContacts=false&amp;skipDNCCheck=false">Click To Call</a>

我不认为这是这么简单，但不知道如何真正解决这一问题。

Answer 1

您的描述有点复杂，但据我所知，您正在尝试创建一个动态文本框，该文本框可以在单击链接时更改被调用的电话号码。

下面的代码有一个插入数字的文本框。每当文本框的值被更改时，它都会更改其下面链接的href属性，从而允许电话号码动态更改。为了用户的反馈，链接的textContent也是动态变化的。

​

document.getElementById("phone-num").addEventListener("input",function(e){
     document.getElementById("call-link").href = "tel:" + e.target.value;
     document.getElementById("call-link").textContent = "Call " + e.target.value;
});

Number to Call: <input type="tel" id="phone-num">
<br><br>
<a href="tel:0" id="call-link">No number to call</a>

​