核心代碼
<a href="tel:13800138000">撥打 138-0013-8000</a>
進階用法
- 帶國家代碼:
tel:+86-138-0013-8000(國際通用)。
- 暫停/等待:
tel:13800138000,,1234#(, 暫停 2 秒,; 等待用戶確認)。
- JavaScript 觸發:
function call(phone) {
window.location.href = 'tel:' + encodeURIComponent(phone);
}
- CSS 樣式化:
a[href^="tel:"] {
background: url(phone-icon.png) no-repeat left center;
padding-left: 24px;
color: #0066cc;
text-decoration: none;
}
兼容性與注意
| 平台 | 行為 |
| iOS Safari | 彈出確認框 → 撥打 |
| Android Chrome | 直接啟動撥號界面 |
| 桌面瀏覽器 | 若安裝 Skype/Teams 等可彈出應用選擇 |
| 微信內嵌瀏覽器 | 部分版本攔截,需引導用戶長按複製 |
最佳實踐
- 電話號碼統一存儲為 E.164 格式(
+8613800138000),前端直接拼接。
- 提供
copy 兜底按鈕:navigator.clipboard.writeText(phone)。
- 埋點統計點擊量:
gtag('event', 'click_to_call', {phone})。