Web端实现拨打电话,支持微信端
2019-12-31 本文已影响0人
IT晴天
实现这个功能,其实很简单,利用一个<a>
标签即可,这里给出Angular的示例,其它框架照着弄就行了:
<a id="call-phone" [href]="'tel:' + phone" hidden></a>
调用代码:
onCall() {
this.phone = '10086'; // 动态赋手机号码
const el: any = document.getElementById('call-phone');
el.target = '_new'; // 指定在新窗口打开
el.click(); // 触发打开事件
}
原理就是手动触发
<a>
标签的点击事件。