微信小程序打电话

小程序电话功能与用户输入处理

最新推荐文章于 2025-08-12 14:28:22 发布

黎成诃月

最新推荐文章于 2025-08-12 14:28:22 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_40292626/article/details/78677473

本文介绍了一种在小程序中实现电话拨打功能的方法，并详细解释了如何通过按钮触发电话拨打，同时展示了如何使用input组件收集用户的电话号码并进行免费回拨的操作流程。

拨打电话
calling: function () {
wx.makePhoneCall({
phoneNumber: '400 0111 110', //此号码并非真实电话号码，仅用于测试
success: function () {
console.log("拨打电话成功！")
},
fail: function () {
console.log("拨打电话失败！")
}
})

免费回拨

<view class="tell">
<input class="num" type="number" placeholder="请输入您的电话免费回电" value='{{userNum}}' bindblur='userNumInput'/>
<view><button class="mfhb" bindtap='bindInput'>免费回拨</button></view>
</view>
1.吧变量存在data里面
data: {
userNum:'',
}

2.获取用户输入的电话号码 input上的value值 ------e.detail.value

userNumInput: function (e) {
console.log(e.detail.value)
this.setData({
userNum: e.detail.value
})
},

3.按钮获得 userNum

bindInput: function () {
var userNum=this.data.userNum;
console.log(userNum)
}