H5页面唤起手机号

做手机H5页面的时候经常会碰到在某一个页面会显示一个手机号，坑爹的产品会说你点击一下能不能让手机弹出号码，然后拨打出去，我试了试各种百度来的方法都是失败的，比如下面的这个：

<a href="tel:10086">10086</a>

还有下面的这个：

<a href="wtai://wp//mc;10086">10086</a>  
<a href="wtai://wp/ap;10086;">10086</a>

我就想说我为什么用了这些方法都不好使呢。手机按了半天都是提示错误。然后我就想了个扭曲的办法，其实和上面这些标签的道理是一样的，就是用javascript控制打电话：

在html中，把手机号传到一个js方法中：

<span οnclick="callphone('10086');">
      联系每个月都要花钱的大哥，对，就是10086
</span>

在javascript中,用jquery的方法

<script>
function callphone(tel){    
		window.location.href = "tel:"+tel;
}
</script>

间接的转化了a标签，试了一下就成功了，如果有小伙伴碰到这些问题可以变换一下思路。

by as

 

转载于:https://www.cnblogs.com/widgetbox/p/9882654.html