微信小程序?qū)崿F(xiàn)添加手機聯(lián)系人功能示例

更新時間：2017年11月30日 09:00:34 作者：FutrueJet

這篇文章主要介紹了微信小程序?qū)崿F(xiàn)添加手機聯(lián)系人功能,結(jié)合實例形式分析了微信小程序添加聯(lián)系人的具體步驟,包括布局與邏輯實現(xiàn)技巧,需要的朋友可以參考下

本文實例講述了微信小程序?qū)崿F(xiàn)添加手機聯(lián)系人功能。分享給大家供大家參考，具體如下：

1、效果展示

2、關(guān)鍵代碼

1）WXML文件

<view bindlongtap="phoneNumTap">{{phoneNum}}</view>

2）JS文件

Page({
 data:{
 phoneNum:'12345678901'//測試用的號碼，并非真實號碼
 },
 // 長按號碼響應(yīng)函數(shù)
 phoneNumTap:function(){
 var that=this;
 // 提示呼叫號碼還是將號碼添加到手機通訊錄
 wx.showActionSheet({
  itemList: ['呼叫','添加聯(lián)系人'],
  success:function(res){
  if(res.tapIndex===0){
   // 呼叫號碼
   wx.makePhoneCall({
   phoneNumber: that.data.phoneNum,
   })
  }else if(res.tapIndex==1){
   // 添加到手機通訊錄
   wx.addPhoneContact({
   firstName: 'test',//聯(lián)系人姓名
   mobilePhoneNumber: that.data.phoneNum,//聯(lián)系人手機號
   })
  }
  }
 })
 }
})

3）WXSS文件

view{
 color: blue;
 padding: 15px;
 border-bottom: 1px solid gainsboro;
}

3、完整實例代碼點擊此處本站下載。

希望本文所述對大家微信小程序開發(fā)有所幫助。

您可能感興趣的文章:

相關(guān)文章

一文剖析JavaScript中閉包的難點
這篇文章主要為大家詳細(xì)介紹了JavaScript中閉包的一些難點，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JavaScript有一定幫助，需要的可以參考一下
2022-09-09
Hammer.js+輪播原理實現(xiàn)簡潔的滑屏功能
這篇文章主要介紹了Hammer.js+輪播原理實現(xiàn)簡潔的滑屏功能的相關(guān)資料,需要的朋友可以參考下
2016-02-02
js實現(xiàn)屏蔽默認(rèn)快捷鍵調(diào)用自定義事件示例
本文要說的是如何屏蔽默認(rèn)的快捷鍵后去執(zhí)行自定義的事件，下面以一個textarea中enter進行保存的例子為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈
2013-06-06
網(wǎng)頁廣告中JS代碼的信息監(jiān)聽示例
在一些網(wǎng)頁廣告中提供的JS代碼可以進行代碼注入，然后監(jiān)視各種元素，下面有個示例，大家可以參考下
2014-04-04
JavaScript控制網(wǎng)頁平滑滾動到指定元素位置的方法
這篇文章主要介紹了JavaScript控制網(wǎng)頁平滑滾動到指定元素位置的方法,實例分析了javascript操作頁面滾動的技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
JavaScript處理變量命名的參數(shù)對象
這篇文章主要介紹了JavaScript處理變量命名的參數(shù)對象，在開發(fā)過程中，遇到一個給對象賦值的問題，參數(shù)是通過循環(huán)變量的方式進行處理，接下來詳細(xì)介紹需要的小伙伴可以參考一下
2022-06-06
js模擬hashtable的簡單實例
本篇文章主要是對js模擬hashtable的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-03-03
TypeScript泛型約束條件示例詳解
有了泛型之后一個函數(shù)或容器類能處理的類型一下子擴到了無限大,似乎有點失控的感覺,所以這里又產(chǎn)生了一個約束的概念,下面這篇文章主要給大家介紹了關(guān)于TypeScript泛型約束條件的相關(guān)資料,需要的朋友可以參考下
2022-04-04
js實現(xiàn)表單及時驗證功能用戶信息立即驗證
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)表單及時驗證功能，在輸入后就可以立即驗證，含用戶類型,性別,愛好等驗證,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
layui導(dǎo)航欄二級菜單不顯示問題及解決
這篇文章主要介紹了layui導(dǎo)航欄二級菜單不顯示問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-05-05