最近看到一个好玩的东西,打算记录一下
通过一行代码,一键播打电话,打算总结一下

对于js的一键拨打电话:

  1. 一键拨打电话<a href="tel:13764567708">一键拨打电话</a>
    这是最常用的拨打电话方式,显示电话号码,提示并且一键拨打
  2. 一键拨打电话

对于小程序的一键拨打电话:

  1. 联系商家:15377870982 微信小程序关于拨打电话文档
		// bindtap 相当于click事件
	<view bindtap="Callphone" data-item='{{phone}}'>联系商家:{{phone}}</view>
/*下面是js代码*/
	Page({
  data: {
   phone:"15377870982",
  },

  Callphone: function (e) {
  			/*获取电话号码*/
        let item = e.currentTarget.dataset.item;
        /*这里是微信的电话api*/
          wx.makePhoneCall({
        phoneNumber: item
       })
    },
})

该API的参数解释:
在这里插入图片描述

对于uniapp的一键拨打电话:

  1. 联系商家:15377870982
<van-cell value="18954100827"  is-link class="van-cell" @click="gocall">
				<view slot="title">
					<image src="https://yangguangchefu.soxunsoft.com/static/image/kefu.png" mode="" ></image>
					<view class="title">客服电话</view>
					
				</view>
			</van-cell>

/*下面是js代码*/
	methods: {
			gocall(){
				uni.makePhoneCall({
				 	
				 	// 手机号
				    phoneNumber: '15377870982', 
				
					// 成功回调
					success: (res) => {
						console.log('调用成功!')	
					},
				
					// 失败回调
					fail: (res) => {
						console.log('调用失败!')
					}
					
				  });
			},
			}

效果:
在这里插入图片描述
对应的参数说明:
对应的参数说明

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐