移动端利用原生h5拨打电话

最新推荐文章于 2024-06-25 22:37:16 发布

shenzhipeng1023

最新推荐文章于 2024-06-25 22:37:16 发布

阅读量1.9k

点赞数 2

分类专栏：移动端文章标签： h5拨打电话 js拨打电话拨打电话原生h5拨打电话

本文链接：https://blog.csdn.net/jason_renyu/article/details/104546170

版权

移动端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

移动端利用原生h5拨打电话

话不多说直接上代码，亲测可用，这个在移动浏览器和微信开发好用，app混合开发的话，最好结合app混合开发的api，例如uni，cordova等

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>原生Js拨打电话</title>
</head>

<body>
  <h2>a标签直接拨打</h2>
  <a href="tel:10086">拨打电话1</a>
  <hr>
  <h2>利用方法</h2>
  <button onclick="callPhone('10086')">拨打电话2</button>
</body>
<script>
  function callPhone(phone) {
    var a = document.createElement('a')
    a.href = 'tel:' + phone;
    var event;
    if (window.MouseEvent) {
      event = new MouseEvent('click');
    } else {
      event = document.createEvent('MouseEvents');
      event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    }
    a.dispatchEvent(event)
  }

</script>

</html>

shenzhipeng1023

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
移动端利用原生h5拨打电话

移动端利用原生h5拨打电话话不多说直接上代码，亲测可用，这个在移动浏览器和微信开发好用，app混合开发的话，最好结合app混合开发的api，例如uni，cordova等<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view...
复制链接

扫一扫

专栏目录