我的网站上有一个“点击通话”按钮。然后用户点击它,他/她被导航到不同的页面。
这是我的 HTML 标记
<a href="tel:+18001234567" class="btn btn-lg btn-danger btn-block click-to-call">
<strong>Call Now</strong>
</a>
如何更改我的代码,以便用户在点击通话时停留在同一页面上?我的目标是触发电话拨打给定号码,同时让用户保持在同一页面上。
我的网站上有一个“点击通话”按钮。然后用户点击它,他/她被导航到不同的页面。
这是我的 HTML 标记
<a href="tel:+18001234567" class="btn btn-lg btn-danger btn-block click-to-call">
<strong>Call Now</strong>
</a>
如何更改我的代码,以便用户在点击通话时停留在同一页面上?我的目标是触发电话拨打给定号码,同时让用户保持在同一页面上。
点击通话功能需要两个要求。
使用 tel: 架构将所有电话号码包裹在超链接中。
始终使用国际拨号格式。
根据您的 HTML 标记,您的数字格式是错误的。美国号码包含 11 位数字,但您的仅包含 10 位数字。
<a href="tel:+1800123456" class="btn btn-lg btn-danger btn-block click-to-call">
<strong>Call Now</strong>
</a>
请使用正确的数字格式。
<a href="tel:+1-303-499-7111">+1 (303) 499-7111</a>
欲了解更多信息:https ://developers.google.com/web/fundamentals/native-hardware/click-to-call/
我已经在 IOS 上测试了这个https://jsfiddle.net/vqmkfaxj/5/并为我工作,请参阅屏幕截图。