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


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 相关文章推荐
js 居中漂浮广告
Mar 21 Javascript
javascript管中窥豹 形参与实参浅析
Dec 17 Javascript
jQuery隔行变色与普通JS写法的对比
Apr 21 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
Aug 28 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
Aug 11 Javascript
javascript从定义到执行 你不知道的那些事
Jan 04 Javascript
vue登录注册及token验证实现代码
Dec 14 Javascript
使用JS模拟锚点跳转的实例
Feb 01 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
如何从零开始手写Koa2框架
Mar 22 Javascript
javascript函数式编程基础
Sep 15 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
php中session_id()函数详细介绍,会话id生成过程及session id长度
2015/09/23 PHP
ThinkPHP实现分页功能
2017/04/28 PHP
PHP观察者模式原理与简单实现方法示例
2017/08/25 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
Yii支持多域名cors原理的实现
2018/12/05 PHP
jquery 1.4.2发布!主要是性能与API
2010/02/25 Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
2010/10/15 Javascript
js 判断脚本加载完毕的代码
2011/07/13 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
2013/02/04 Javascript
jquery 列表双向选择器之改进版
2013/08/09 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
2014/05/20 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
2016/07/06 Javascript
第一次接触神奇的前端框架vue.js
2016/12/01 Javascript
详解vue slot插槽的使用方法
2017/06/13 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
2017/07/08 jQuery
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
python网络编程之文件下载实例分析
2015/05/20 Python
python使用wmi模块获取windows下的系统信息 监控系统
2015/10/27 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
基于Python执行dos命令并获取输出的结果
2019/12/30 Python
python opencv实现信用卡的数字识别
2020/01/12 Python
浅谈Python的方法解析顺序(MRO)
2020/03/05 Python
PyQt5实现仿QQ贴边隐藏功能的实例代码
2020/05/24 Python
Django nginx配置实现过程详解
2020/09/10 Python
纯CSS3实现表单验证效果(非常不错)
2017/01/18 HTML / CSS
产品促销活动策划书
2014/01/15 职场文书
精神病医院见习报告
2014/11/03 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
青年志愿者活动感想
2015/08/07 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书
Python趣味爬虫之用Python实现智慧校园一键评教
2021/05/28 Python
能让Python提速超40倍的神器Cython详解
2021/06/24 Python
MySQL学习之基础命令实操总结
2022/03/19 MySQL