HTML5 & input tel & make a phone call All In One
HTML5 & input tel & make a phone call All In One
咋呼叫呀，网页怎么打电话？
vue
{
key: "exploreCorpPhone",
title: "企业电话",
width: 150,
align: "center",
render: (h, params) => {
let tel = params.row.exploreCorpPhone;
if (tel) {
return h("div", [
h("Icon", {
props: {
name: "ios-call"
}
}),
h("a", {
attrs: {
"data-tel": tel,
href: `tel: ${tel}`,
},
}, tel),
]);
} else {
return h("div", [
h("Icon", {
props: {
name: "ios-call"
}
}),
]);
}
},
},
render: (h, params) => {
let tel = params.row.exploreCorpPhone;
if (tel) {
return h("div", [
h("Icon", {
props: {
name: "ios-call"
}
}),
h("a", {
attrs: {
"data-tel": tel,
href: `tel: ${tel}`,
},
}, tel),
]);
} else {
return h("div", [
h("Icon", {
props: {
name: "ios-call"
}
}),
]);
}
},
solutions
- window.open
window.open('tel:18123456789');
https://stackoverflow.com/questions/16781772/trigger-phone-call-with-javascript
- HTML
alink ✅
<a href="tel:18123456789" target="_blank">tel:18123456789</a>
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="author" content="xgqfrms">
<meta name="generator" content="VS code">
<title>make a phone call in js</title>
</head>
<body>
<section>
<h1>js & make a call</h1>
<a href="tel: 18123456789">18123456789</a>
<a href="tel: 021 88888888">021 88888888</a>
</section>
</body>
</html>
https://zhidao.baidu.com/question/455762432046249965.html
- 调后台提供的
拨打电话接口💩
点呼叫弹出呼叫窗口，确认后调后台提供的拨打电话接口就可以，后台会去调
钉钉/微信等发起电话
https://blog.csdn.net/cengjingcanghai123/article/details/47951003
input type=tel
<input type="tel"></input>
the input value is not automatically validated to a particular format before the form can be submitted, because formats for telephone numbers vary so much around the world.
在提交表单之前，输入值不会自动验证为特定格式，因为世界各地的电话号码格式差异很大。
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel
demos
refs
©xgqfrms 2012-2025
www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！
原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！
本文首发于博客园，作者：xgqfrms，原文链接：https://www.cnblogs.com/xgqfrms/p/10649558.html
未经授权禁止转载，违者必究！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· .NET10 - 预览版1新功能体验（一）