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

551 阅读1分钟

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

直接添加callPhone的点击事件

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

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

使用 标签

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

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

使用按钮触发结合JavaScript

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

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