Meteor：点击电话号码时禁止在iOS上自动呼叫

Question

我正在使用Meteor Framework。

以下代码

<a href="tel:123-456-7890">123-456-7890</a>

或

<a href="tel:+1 (123) 456-7890">(123) 456-7890</a>

在iOS中自动发起呼叫。

我需要某种警告......例如弹出说

  

请致电123-456-7890？

如果用户想要呼叫，则可以按“呼叫”或“取消”。

如何在iOS上修复此问题？

Answer 1

您有两种选择。

首先，你可以将调用链接包装在弹出窗口或模态中。在您的模板中：

<a class="open-popup">Call 123-456-7890</a>

通过点击事件打开弹出窗口。在Meteor中你可以这样做：

Template.myTemplateName.events({
        "click a.open-popup": function(event) { 
          // Open pop up ...
        });

在此弹出窗口中，您可以将链接<a href="tel:123-456-7890">123-456-7890</a>放在一个cancle按钮旁边，这只不过是一个弹出窗口。 <a class="close-popup">cancle</a>

第二个，使用带有 confirm()函数的点击事件，然后将网址重定向到`tel：//'地址。

Template.myTemplateName.events({
"click a.open-popup": function(event) {
  var r = confirm("Call 123-456-7890 ?");
  if (r == true) {
    let phoneNumber = "123-456-7890";
      window.location.href="tel://"+phoneNumber;
  } else {
      // closes
  }
});

我想，第二种选择更容易实现，而且已经做到了，你在寻找什么。