一键拨打电话(html,小程序,uniapp)
最近看到一个好玩的东西,打算记录一下通过一行代码,一键播打电话,打算总结一下对于js的一键拨打电话:一键拨打电话<a href="tel:13764567708">一键拨打电话</a>这是最常用的拨打电话方式,显示电话号码,提示并且一键拨打一键拨打电话...
·
最近看到一个好玩的东西,打算记录一下
通过一行代码,一键播打电话,打算总结一下
对于js的一键拨打电话:
- 一键拨打电话
<a href="tel:13764567708">一键拨打电话</a>
这是最常用的拨打电话方式,显示电话号码,提示并且一键拨打 - 一键拨打电话
对于小程序的一键拨打电话:
- 联系商家:15377870982 微信小程序关于拨打电话文档
// bindtap 相当于click事件
<view bindtap="Callphone" data-item='{{phone}}'>联系商家:{{phone}}</view>
/*下面是js代码*/
Page({
data: {
phone:"15377870982",
},
Callphone: function (e) {
/*获取电话号码*/
let item = e.currentTarget.dataset.item;
/*这里是微信的电话api*/
wx.makePhoneCall({
phoneNumber: item
})
},
})
该API的参数解释:
对于uniapp的一键拨打电话:
- 联系商家:15377870982
<van-cell value="18954100827" is-link class="van-cell" @click="gocall">
<view slot="title">
<image src="https://yangguangchefu.soxunsoft.com/static/image/kefu.png" mode="" ></image>
<view class="title">客服电话</view>
</view>
</van-cell>
/*下面是js代码*/
methods: {
gocall(){
uni.makePhoneCall({
// 手机号
phoneNumber: '15377870982',
// 成功回调
success: (res) => {
console.log('调用成功!')
},
// 失败回调
fail: (res) => {
console.log('调用失败!')
}
});
},
}
效果:
对应的参数说明:
更多推荐
已为社区贡献4条内容
所有评论(0)