微信小程序实现添加手机联系人功能示例


Posted in Javascript onNovember 30, 2017

本文实例讲述了微信小程序实现添加手机联系人功能。分享给大家供大家参考,具体如下:

1、效果展示

微信小程序实现添加手机联系人功能示例 微信小程序实现添加手机联系人功能示例

微信小程序实现添加手机联系人功能示例

2、关键代码

1)WXML文件

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

2)JS文件

Page({
 data:{
 phoneNum:'12345678901'//测试用的号码,并非真实号码
 },
 // 长按号码响应函数
 phoneNumTap:function(){
 var that=this;
 // 提示呼叫号码还是将号码添加到手机通讯录
 wx.showActionSheet({
  itemList: ['呼叫','添加联系人'],
  success:function(res){
  if(res.tapIndex===0){
   // 呼叫号码
   wx.makePhoneCall({
   phoneNumber: that.data.phoneNum,
   })
  }else if(res.tapIndex==1){
   // 添加到手机通讯录
   wx.addPhoneContact({
   firstName: 'test',//联系人姓名
   mobilePhoneNumber: that.data.phoneNum,//联系人手机号
   })
  }
  }
 })
 }
})

3)WXSS文件

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

3、完整实例代码点击此处本站下载

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
[原创]图片分页查看
Aug 28 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
Dec 07 Javascript
js文件Cookie存取值示例代码
Feb 20 Javascript
js实现简单的购物车有图有代码
May 26 Javascript
浅谈JavaScript事件的属性列表
Mar 01 Javascript
javascript中call apply 的应用场景
Apr 16 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 Javascript
Vue props用法详解(小结)
Jul 03 Javascript
详解JavaScript事件循环机制
Sep 07 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
Mar 27 Javascript
html中通过JS获取JSON数据并加载的方法
Nov 30 #Javascript
微信小程序中吸底按钮适配iPhone X方案
Nov 29 #Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 #jQuery
写给小白看的JavaScript异步
Nov 29 #Javascript
3种vue组件的书写形式
Nov 29 #Javascript
easyui下拉框动态级联加载的示例代码
Nov 29 #Javascript
纯js实现隔行变色效果
Nov 29 #Javascript
You might like
ftp类(myftp.php)
2006/10/09 PHP
PHP中的CMS的涵义
2007/03/11 PHP
thinkphp实现like模糊查询实例
2014/10/29 PHP
PHP之密码加密的几种方式
2015/07/29 PHP
详解Laravel视图间共享数据与视图Composer
2016/08/04 PHP
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
2009/05/25 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
2013/07/31 Javascript
jquery parent和parents的区别分析
2013/10/02 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
js获取页面description的方法
2015/05/21 Javascript
基于javascript如何传递特殊字符
2015/11/30 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
2015/12/31 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
浅谈JavaScript 中有关时间对象的方法
2016/08/15 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
2017/01/21 Javascript
JS中SetTimeout和SetInterval使用初探
2017/03/23 Javascript
Vue.js学习笔记之常用模板语法详解
2017/07/25 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
2018/03/20 jQuery
Vue表单提交点击事件只允许点击一次的实例
2020/10/23 Javascript
微信小程序实现可长按移动控件
2020/11/01 Javascript
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
Python实现朴素贝叶斯分类器的方法详解
2018/07/04 Python
Python3.4 splinter(模拟填写表单)使用方法
2018/10/13 Python
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
python 使用matplotlib 实现从文件中读取x,y坐标的可视化方法
2019/07/04 Python
Python实现壁纸下载与轮换
2020/10/19 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
python制作微博图片爬取工具
2021/01/16 Python
Araks官网:纽约内衣品牌
2020/10/15 全球购物
大学毕业通用个人的求职信
2013/12/08 职场文书
员工培训心得体会
2013/12/30 职场文书
论文诚信承诺书
2014/05/23 职场文书
幼儿园学前班幼儿评语
2014/12/29 职场文书
Vue+Element UI实现概要小弹窗的全过程
2021/05/30 Vue.js
JPA如何使用entityManager执行SQL并指定返回类型
2021/06/15 Java/Android