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

方法一:直接添加callPhone的点击事件
直接在div原生上面添加callPhone("1890000000")

 <div @click="callPhone('1890000000')" class="contact_qaz_phone">1890000000</div>
<script>
export default {
  name: "contact",
  methods: {
    callPhone(phoneNumber) {
      window.location.href = `tel:${phoneNumber}`;
    }
  },
  mounted() {}
};
</script>


方法二:使用 <a> 标签
在手机上点击后,会自动跳转到拨号界面

<a href="tel:10086">点击拨打 10086</a>


方法三:使用按钮触发结合JavaScript

<button onclick="window.location.href='tel:10086'">点击拨打 10086</button>


注意事项:
1.仅移动端有效:
tel 协议在桌面浏览器中可能无效果。
2.用户确认:
点击后需用户手动确认拨打,无法自动拨号。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值