抖音小程序 bindtap事件 点击拨打电话

       在前端html网页中进行拨打电话是用<a href="tel:123456789">联系我们</a>即可直接拨打电话   但是在抖音小程序中 是a标签事件的。那么该如何实现在小程序拨打电话呢?

 一、bindtap语法的使用

        1、在小程序中,HTML中的onclick鼠标点击事件,而是通过tap事件来响应用户的触摸行为,而bindtap语法就是小程序中的click事件

         ① 通过bindtap,可以为组件绑定,

<button class="f-pay-button" bindtap="freeTell">联系我们</button>

          ②在javascript文件中定义对应的事件处理函数,事件参数通过形参event(一般简写成e)来接收:

​
Page({
  freeTell(e){
    console.log(" 电话已拨打 ")
  }
})

/* 当点击事件在组件里时  Page({})需改成 Component({})*/

​

 这事可以尝试点击按钮输出

  二、tt.makePhoneCall语法的使用

      调用拨打电话功能,用户选择拨打电话或取消。

​
<button class="f-pay-button" bindtap="freeTell">联系我们</button>

Page({
    freeTell(e) {
        tt.makePhoneCall({
                  phoneNumber: '12345678910', //仅为示例,并非真实的电话号码
              })
    },
})

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值