15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 移动端网页拨打/复制电话

移动端网页拨打/复制电话

时间:2023-07-05 17:18:02 | 来源:网站运营

时间:2023-07-05 17:18:02 来源:网站运营

移动端网页拨打/复制电话:前两天开发一个移动端网页,要求在用户点击html里面的电话时,弹框。

在弹框里可以选择复制电话号码,或者拨打电话。

一:拨打电话

1、点击html时直接拨打

<a href="tel:13213074005">联系我</a>2、点击弹框里的拨打按钮,需要使用JS拨打

location.href = "tel:13213074006"

二:底部弹框

可以使用vant的ActionSheet组件

三:一键复制

1:思路:在页面写一个不可见的textArea标签,在用户点击复制按钮时。

获取复制部分的Dom文本,将该文本赋值给textArea并选中文本,然后执行如下js原生语句即可

document.execCommand("copy")大致实现细节如下

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>复制演示</title><style> .wrapper { position: relative; top:-500px; }</style></head><body><div class="wrapper"> <p id="text" style="display: none">这里是要复制的内容</p> <textarea id="input">fuzhi</textarea></div><a class="botton" onclick="copyText()">点击复制</a><script> function copyText() { var text = document.getElementById("text").innerText; var input = document.getElementById("input"); input.value = text; // 修改文本框的内容 input.select(); // 选中文本 document.execCommand("copy"); // 执行浏览器复制命令 }</script></body></html>2:注意点

亲测,Android/IOS/window/mac都可使用

关键词:复制,电话,移动

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭