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 onclick="callphone('10086');">
      联系每个月都要花钱的大哥,对,就是10086
</span>

javascript中,用jquery的方法

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

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

by as

 

posted @ 2018-10-31 14:02  WidgetBox  阅读(4413)  评论(0编辑  收藏  举报