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

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

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

相关文章

  • 一文剖析JavaScript中闭包的难点

    一文剖析JavaScript中闭包的难点

    这篇文章主要为大家详细介绍了JavaScript中闭包的一些难点,文中的示例代码讲解详细,对我们学习JavaScript有一定帮助,需要的可以参考一下
    2022-09-09
  • Hammer.js+轮播原理实现简洁的滑屏功能

    Hammer.js+轮播原理实现简洁的滑屏功能

    这篇文章主要介绍了Hammer.js+轮播原理实现简洁的滑屏功能的相关资料,需要的朋友可以参考下
    2016-02-02
  • js实现屏蔽默认快捷键调用自定义事件示例

    js实现屏蔽默认快捷键调用自定义事件示例

    本文要说的是如何屏蔽默认的快捷键后去执行自定义的事件,下面以一个textarea中enter进行保存的例子为大家详细介绍下,感兴趣的朋友可以参考下哈
    2013-06-06
  • 网页广告中JS代码的信息监听示例

    网页广告中JS代码的信息监听示例

    在一些网页广告中提供的JS代码可以进行代码注入,然后监视各种元素,下面有个示例,大家可以参考下
    2014-04-04
  • JavaScript控制网页平滑滚动到指定元素位置的方法

    JavaScript控制网页平滑滚动到指定元素位置的方法

    这篇文章主要介绍了JavaScript控制网页平滑滚动到指定元素位置的方法,实例分析了javascript操作页面滚动的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • JavaScript处理变量命名的参数对象

    JavaScript处理变量命名的参数对象

    这篇文章主要介绍了JavaScript处理变量命名的参数对象,在开发过程中,遇到一个给对象赋值的问题,参数是通过循环变量的方式进行处理,接下来详细介绍需要的小伙伴可以参考一下
    2022-06-06
  • js模拟hashtable的简单实例

    js模拟hashtable的简单实例

    本篇文章主要是对js模拟hashtable的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • TypeScript泛型约束条件示例详解

    TypeScript泛型约束条件示例详解

    有了泛型之后一个函数或容器类能处理的类型一下子扩到了无限大,似乎有点失控的感觉,所以这里又产生了一个约束的概念,下面这篇文章主要给大家介绍了关于TypeScript泛型约束条件的相关资料,需要的朋友可以参考下
    2022-04-04
  • js实现表单及时验证功能 用户信息立即验证

    js实现表单及时验证功能 用户信息立即验证

    这篇文章主要为大家详细介绍了js实现表单及时验证功能,在输入后就可以立即验证,含用户类型,性别,爱好等验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • layui导航栏二级菜单不显示问题及解决

    layui导航栏二级菜单不显示问题及解决

    这篇文章主要介绍了layui导航栏二级菜单不显示问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05

最新评论