**
小程序开发中,实现拨打电话功能的两种方式:
**
1.点击电话号码弹出模态框,点击模态框的确认按钮 实现拨打电话的功能
- xml部分代码如下:
<view class="context" bindtap='makeCall' data-telephone='{{item.telNo}}'>联系电话:{{item.telNo}}</view>
- js部分代码如下
//拨打电话事件
makeCall: function (e) {
wx.showModal({
title: '提示',
content: "确认拨打" + e.currentTarget.dataset.tel + "吗",
//e.currentTarget.dataset.telephone是变量 后台获取的电话号码
confirmColor: '#2EA7E0',//确认按钮的字体颜色
success(res) {
if (res.cancel) {
console.log('点击取消按钮')// 用户点击了取消属性的按钮
return false
} else if (res.confirm) {
console.log('点击确定按钮')
wx.makePhoneCall({ //点击确定按钮 调用小程序拨打电话的api
phoneNumber: e.currentTarget.dataset.tel,//获取到的电话号码
success: function () {
console.log('拨打电话成功')
},
fail: function () {
console.log("拨打电话失败")
}
})
}
}
})
},
点击确定按钮后:
点击模态框确认按钮:
2.点击电话号码,直接实现拨打电话的功能
- xml部分代码如下:
<view class="context" bindtap='makeCall' data-telephone='{{item.telNo}}'>联系电话:{{item.telNo}}</view>
- js部分代码如下
//拨打电话事件
makeCall: function (e) {
wx.makePhoneCall({ //点击确定按钮 调用小程序拨打电话的api
phoneNumber: e.currentTarget.dataset.tel,//从后台获取到的电话号码
success: function () {
console.log('拨打电话成功')
},
fail: function () {
console.log("拨打电话失败")
}
})
},
效果如图所示:
注意:当需要拨打的电话为固定电话时,phoneNumber:后边跟的固定号码需要添加引号phoneNumber: "40003ddsssd", //获取到的电话号码