微信小程序?qū)崿F(xiàn)撥打電話功能的示例代碼
1、在對應(yīng)需要撥打電話的標(biāo)簽?zāi)抢锝壎ㄊ录ㄊ褂玫臉?biāo)簽不固定，可以是text、view等）
例子：
<text class="phone" bindtap="callPhone">400-9121-211</text>
2、在對應(yīng)的事件方法里面寫入 wx.makePhoneCall方法
例子：
callPhone() {
wx.makePhoneCall({
phoneNumber: '400-9121-211' //僅為示例，并非真實的電話號碼
})
},
3、效果圖
在電腦上：
在手機(jī)上的效果：
PS：下面在通過一段代碼給大家詳細(xì)介紹下微信小程序--實現(xiàn)撥打電話功能：
我的點擊實物是一張圖片
首先設(shè)置一個view，使用的是bindtap事件。
官方的開發(fā)文檔是這么寫的
我的demo的代碼是這樣的
index.wxml
<view bindtap='tel'> <image class='tel' mode='aspectFit' src='./img/tel.png'></image> </view>
然后調(diào)整一下ss，當(dāng)然這只是我的demo的，實際應(yīng)用還是看實際的。
index.wxss
.tel{
display: block;
width: 70rpx;
height: 70rpx;
position: absolute;
margin-top:-100rpx;
margin-left: 200rpx;
}
直接去調(diào)用撥打電話 APIwx.makePhoneCall(OBJECT)
官方文檔也寫的很清楚
主要是填寫phoneNumber，其他看需求，
第一種方法是：
index.js的Page里面去添加
tel:function () {
wx.makePhoneCall({
phoneNumber: '158XXXXXXXX',
})
}
還有一種是：
就是去全局量那里設(shè)置，去最外層的app.js的globalData添加一下
globalData: {
userInfo: null,
phoneNumber: '158XXXXXXXX'
}
然后index.js添加的是
tel:function () {
wx.makePhoneCall({
phoneNumber: app.globalData.phoneNumber,
})
}
然后保存點擊
嗯嗯，還是應(yīng)該多看看開發(fā)文檔，即使不完整。
到此這篇關(guān)于微信小程序?qū)崿F(xiàn)撥打電話功能的示例代碼的文章就介紹到這了,更多相關(guān)微信小程序撥打電話內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了原生JS發(fā)送異步數(shù)據(jù)請求的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
return false,對阻止事件默認(rèn)動作的一些測試代碼
很明顯我們每個函數(shù)都返回false,如果返回值可以阻止事件默認(rèn)動作，那么文本框?qū)o法輸入任何內(nèi)容。 看下面我測試的結(jié)果，注意紅的部分。2010-11-11
JavaScript 模塊的循環(huán)加載實現(xiàn)方法
本文介紹JavaScript語言如何處理"循環(huán)加載"。目前，最常見的兩種模塊格式CommonJS和ES6，處理方法是不一樣的，返回的結(jié)果也不一樣2015-12-12
這篇文章主要為大家介紹了cypress e2e測試編寫注意點總結(jié)分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
JS中利用FileReader實現(xiàn)上傳圖片前本地預(yù)覽功能
FileReader 對象允許Web應(yīng)用程序異步讀取存儲在用戶計算機(jī)上的文件（或原始數(shù)據(jù)緩沖區(qū)）的內(nèi)容,使用 File 或 Blob 對象指定要讀取的文件或數(shù)據(jù)。下面通過本文給大家介紹JS中利用FileReader實現(xiàn)上傳圖片前本地預(yù)覽功能，需要的朋友參考下2018-03-03
這篇文章主要介紹了JavaScript ES6的函數(shù)拓展，2022-01-01
這篇文章主要介紹了JS如何修改對象數(shù)組的key值,使用map循環(huán),在map循環(huán)內(nèi)創(chuàng)建一個新對象,將item要改變的key賦給新創(chuàng)建的對象里面新key值,然后push給一個新創(chuàng)建的數(shù)組dataNew即可,需要的朋友可以參考下2024-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)評論功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要給大家介紹了一個關(guān)于JS正則匹配的踩坑記錄，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
js字符串截取函數(shù)slice、substring和substr的比較
這篇文章主要震碎js字符串截取函數(shù)slice、substring和substr進(jìn)行比較，感興趣的小伙伴們可以參考一下2016-05-05