h5实现点击电话进入拨打电话功能

h5实现点击电话进入拨打电话功能

直接添加callPhone的点击事件

直接在div原生上面添加callPhone("1890000000")

复制代码
<script>
export default {
  name: "contact",
  methods: {
    callPhone(phoneNumber) {
      window.location.href = `tel:${phoneNumber}`;
    }
  },
  mounted() {}
};
</script>

使用 标签

[在手机上点击后,会自动跳转到拨号界面

ini 复制代码
<a href="tel:10086">点击拨打 10086</a>

使用按钮触发结合JavaScript

ini 复制代码
<button onclick="window.location.href='tel:10086'">点击拨打 10086</button>

注意事项: 1.仅移动端有效: tel 协议在桌面浏览器中可能无效果。 2.用户确认: 点击后需用户手动确认拨打,无法自动拨号。](https://link.juejin.cn?target= "")

相关推荐
蓝莓味的口香糖16 小时前
【CSS】flex布局
前端·css
彩旗工作室17 小时前
用 Supabase 打造统一认证中心:为多应用提供单点登录(SSO)
服务器·前端·数据库
EveryPossible17 小时前
第一版代码
前端·javascript·css
ObjectX前端实验室17 小时前
【图形编辑器架构】渲染层篇 — 从 React 到 Canvas 的声明式渲染实现
前端·计算机图形学·图形学
java水泥工17 小时前
基于Echarts+HTML5可视化数据大屏展示-智慧消防大屏
前端·echarts·html5
杨超越luckly17 小时前
HTML应用指南:利用POST请求获取全国索尼体验型零售店位置信息
前端·arcgis·html·数据可视化·门店数据
ObjectX前端实验室18 小时前
【图形编辑器架构】节点树篇 — 从零构建你的编辑器数据中枢
前端·计算机图形学·图形学
ikun778g18 小时前
uniapp设置安全区
前端·javascript·vue.js·ui·uni-app
IT_陈寒18 小时前
React Hooks 实战:这5个自定义Hook让我开发效率提升了40%
前端·人工智能·后端
三月的一天19 小时前
React单位转换系统:设计灵活的单位系统与单位系统转换方案
前端·javascript·react.js