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

 更新时间:2017年11月30日 09:00:34   作者:FutrueJet  
这篇文章主要介绍了微信小程序实现添加手机联系人功能,结合实例形式分析了微信小程序添加联系人的具体步骤,包括布局与逻辑实现技巧,需要的朋友可以参考下

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

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、完整实例代码点击此处本站下载

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

相关文章

  • js最全的数组的降维5种办法(小结)

    js最全的数组的降维5种办法(小结)

    这篇文章主要介绍了js最全的数组的降维5种办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • window.onload追加函数使用示例

    window.onload追加函数使用示例

    这篇文章主要介绍了window.onload追加函数使用示例,需要的朋友可以参考下
    2014-03-03
  • JavaScript获取页面上被选中文字的方法技巧

    JavaScript获取页面上被选中文字的方法技巧

    这篇文章主要介绍了JavaScript获取页面上被选中文字的方法技巧,本文直接给出实现代码和运行效果,需要的朋友可以参考下
    2015-03-03
  • Rollup处理并打包JS文件项目实例代码

    Rollup处理并打包JS文件项目实例代码

    rollup是一款用来es6模块打包代码的构建工具(支持css和js打包)。这篇文章主要介绍了Rollup处理并打包JS文件项目实例,需要的朋友可以参考下
    2018-05-05
  • 使用window.postMessage()方法在两个网页间传递数据

    使用window.postMessage()方法在两个网页间传递数据

    这篇文章介绍了使用window.postMessage()在两个网页间传递数据的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • 初步了解javascript面向对象

    初步了解javascript面向对象

    面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象,一般具有封装、继承、多态的特性!但JS中对象与纯面向对象语言中的对象是不同的,ECMA标准定义JS中对象:无序属性的集合,其属性可以包含基本值、对象或函数
    2015-11-11
  • JavaScript如何优化逻辑判断代码详解

    JavaScript如何优化逻辑判断代码详解

    我们在编写 JS 代码时,经常会遇到逻辑判断复杂的情况,这篇文章主要给大家介绍了关于JavaScript如何优化逻辑判断代码的相关资料,需要的朋友可以参考下
    2021-06-06
  • 原生JS实现导航下拉菜单效果

    原生JS实现导航下拉菜单效果

    这篇文章主要介绍了JS实现导航下拉菜单效果,用原生JS实现的一个导航下拉菜单,下拉菜单的宽度与浏览器视口的宽度一样,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JS拖动鼠标画出方框实现鼠标选区的方法

    JS拖动鼠标画出方框实现鼠标选区的方法

    这篇文章主要介绍了JS拖动鼠标画出方框实现鼠标选区的方法,涉及javascript鼠标事件及页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 前端实现图片压缩方案总结(干货)

    前端实现图片压缩方案总结(干货)

    这篇文章主要介绍了前端实现图片压缩的几种方法和技术,包括使用HTML5的canvas元素和推荐的第三方库image-magic-adapter,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-01-01

最新评论