H5 唤起拨打电话功能

H5 唤起拨打电话功能,第1张

场景:我们h5的页面,有个拨打电话的按钮或者图标,当我们点击的时候,会唤起一个确认拨打电话号码的d窗,点击呼叫即可拨打号码。

那如何用h5来实现呢,请听以下分解:

第一步:head添加meta,添加两个属性和值name="format-detection"和content=“telephone=yes”,

如:

第二步:添加a标签,属性href=“tel:[电话号码]”,如:

仅需两步就可以完美实现拨打电话功能。

注:如果在app中无法唤起,请不要着急:

让android和app检查以下app里是否禁掉了前端拨打电话功能。

用JS调用打电话使用这句话就可以:

<a id="call">拨打电话</a>

document.getElementById('call').setAttribute('href','tel:123')

举个栗子,最常见的情况是用ajax动态为标签赋电话值,然后拨打电话,比如说

//a标签是你想点击拨打电话的地方

$.ajax({

type: "POST",

url: WebUrl ,

data: {},

success: function (data) {

//调用成功的时候,将返回的电话号动态赋值到a标签中

document.getElementById('call').setAttribute('href','tel:'+shopTel)

//shopTel是后台返给前端的电话号,这样电话号码就被动态赋值到a标签里啦

},

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11422158.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存