在彈框里可以選擇復(fù)制電話(huà)號(hào)碼，或者撥打電話(huà)。

一：撥打電話(huà)1、點(diǎn)擊html時(shí)直接撥打

<a href=&#34;tel:13213074005&#34;>聯(lián)系" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢(xún) 在線咨詢(xún)
15158846557 或 在線咨詢(xún)
所在位置： 首頁(yè) > 營(yíng)銷(xiāo)資訊 > 網(wǎng)站運(yùn)營(yíng) > 移動(dòng)端網(wǎng)頁(yè)撥打/復(fù)制電話(huà)

移動(dòng)端網(wǎng)頁(yè)撥打/復(fù)制電話(huà)

時(shí)間：2023-07-05 17:18:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-05 17:18:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

移動(dòng)端網(wǎng)頁(yè)撥打/復(fù)制電話(huà)：前兩天開(kāi)發(fā)一個(gè)移動(dòng)端網(wǎng)頁(yè)，要求在用戶(hù)點(diǎn)擊html里面的電話(huà)時(shí)，彈框。

在彈框里可以選擇復(fù)制電話(huà)號(hào)碼，或者撥打電話(huà)。

一：撥打電話(huà)

1、點(diǎn)擊html時(shí)直接撥打

<a href="tel:13213074005">聯(lián)系我</a>2、點(diǎn)擊彈框里的撥打按鈕，需要使用JS撥打

location.href = "tel:13213074006"

二：底部彈框

可以使用vant的ActionSheet組件

三：一鍵復(fù)制

1：思路：在頁(yè)面寫(xiě)一個(gè)不可見(jiàn)的textArea標(biāo)簽，在用戶(hù)點(diǎn)擊復(fù)制按鈕時(shí)。

獲取復(fù)制部分的Dom文本，將該文本賦值給textArea并選中文本，然后執(zhí)行如下js原生語(yǔ)句即可

document.execCommand("copy")大致實(shí)現(xiàn)細(xì)節(jié)如下

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>復(fù)制演示</title><style> .wrapper { position: relative; top:-500px; }</style></head><body><div class="wrapper"> <p id="text" style="display: none">這里是要復(fù)制的內(nèi)容</p> <textarea id="input">fuzhi</textarea></div><a class="botton" onclick="copyText()">點(diǎn)擊復(fù)制</a><script> function copyText() { var text = document.getElementById("text").innerText; var input = document.getElementById("input"); input.value = text; // 修改文本框的內(nèi)容 input.select(); // 選中文本 document.execCommand("copy"); // 執(zhí)行瀏覽器復(fù)制命令 }</script></body></html>2：注意點(diǎn)

親測(cè)，Android/IOS/window/mac都可使用

關(guān)鍵詞：復(fù)制,電話(huà),移動(dòng)

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉