移动端如何实现打电话功能？

最新推荐文章于 2024-01-08 13:59:09 发布

小智玩前端

最新推荐文章于 2024-01-08 13:59:09 发布

阅读量801

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_50441807/article/details/125465214

版权

打电话功能是依靠a标签实现的：<a href="tel:电话号码"></a>；a标签可以不用点击也可以触发href跳转，使用a标签内部的click方法，也是可以触发跳转的；

<body>
  <div onclick="father()">
    <a href="tel:电话号码" id="toTell" onclick="window.event.cancelBubble=true;"></a>
  </div>
  <button onclick="tell()">拨打电话</button>
</body>
<script>
  function tell(e) {
    const a = document.getElementById('toTell')
    a.click()
  }
  function father() {
    console.log("我是父级");
  }
</script>

注意：因为a标签的click事件被触发了，由于事件的冒泡，a标签的父级也会被触发，在a标签上添加onclick="window.event.cancelBubble=true;"即可阻止a事件的冒泡；

小智玩前端

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
移动端如何实现打电话功能？

打电话功能是依靠实现的：；a标签可以不用点击也可以触发href跳转，使用a标签内部的方法，也是可以触发跳转的；注意：因为a标签的click事件被触发了，由于事件的冒泡，a标签的父级也会被触发，在a标签上添加即可阻止a事件的冒泡；...
复制链接

扫一扫