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


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 相关文章推荐
javascript 事件处理、鼠标拖动效果实现方法详解
May 11 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 Javascript
javascipt:filter过滤介绍及使用
Sep 10 Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 Javascript
js清除浏览器缓存的几种方法
Mar 15 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
Sep 02 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
Sep 19 Javascript
angular6.0开发教程之如何安装angular6.0框架
Jun 29 Javascript
Vue 莹石摄像头直播视频实例代码
Aug 31 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
Jan 24 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
May 30 Javascript
Element ui 下拉多选时新增一个选择所有的选项
Aug 21 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速度全攻略
2006/10/09 PHP
MySQL数据源表结构图示
2008/06/05 PHP
PHP 日期时间函数的高级应用技巧
2009/10/10 PHP
php生成不重复随机数、数组的4种方法分享
2015/03/30 PHP
Javascript isArray 数组类型检测函数
2009/10/08 Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
jQuery$命名冲突怎么办如何解决
2014/01/16 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
2014/09/21 Javascript
使用jquery清空、复位整个输入域
2015/04/02 Javascript
javascript性能优化之DOM交互操作实例分析
2015/12/12 Javascript
学做Bootstrap的第一个页面
2016/05/15 HTML / CSS
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
2017/07/05 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
微信小程序画布圆形进度条显示效果
2020/11/17 Javascript
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
2019/07/19 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
2019/09/05 Javascript
[00:32]2018DOTA2亚洲邀请赛OpTic出场
2018/04/03 DOTA
Python使用ftplib实现简易FTP客户端的方法
2015/06/03 Python
Python复制文件操作实例详解
2015/11/10 Python
Python实现ssh批量登录并执行命令
2016/10/25 Python
Python编写登陆接口的方法
2017/07/10 Python
基于python元祖与字典与集合的粗浅认识
2017/08/23 Python
Django基于ORM操作数据库的方法详解
2018/03/27 Python
对pandas的行列名更改与数据选择详解
2018/11/12 Python
Python openpyxl模块原理及用法解析
2020/01/19 Python
Django数据库操作之save与update的使用
2020/04/01 Python
linux面试题参考答案(8)
2016/04/19 面试题
简单通用的简历自我评价
2014/09/21 职场文书
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
导师对论文的学术评语
2015/01/04 职场文书
简爱读书笔记
2015/06/26 职场文书
CentOS7安装GlusterFS集群以及相关配置
2022/04/12 Servers
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers