2016-07-06 10 views
0

私はMeteor Frameworkを使用しています。メテオ:電話番号をタップしたときにiOSで自動的に通話を無効にする

次のコード

<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でどのように修正できますか?

答えて

1

2つのオプションがあります。

最初にとすると、ポップアップまたはモーダルの中にコールリンクをラップすることができます。テンプレート内:

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

クリックイベントでポップアップを開きます。流星では、このように、この操作を行うことができます。このポップで

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

アップあなたが近いポップアップに他ならないcancleボタン、と一緒にリンク<a href="tel:123-456-7890">123-456-7890</a>を置きます。 //」アドレス:<a class="close-popup">cancle</a>

第二confirm()機能とクリックイベントを使用して、URLを行うには、 `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 
    } 
}); 

2番目のオプションは、実装するのが簡単で既にありますが、探しているものがあります。

+0

"myTemplateName"テンプレートに複数の番号がある場合はどうなりますか?各番号のイベントを作成するにはどうすればよいですか?私は複数のvarを作成し、if(r == true || p == true ....)を保つ必要がありますか?このJSイベントを参照するためにHTML上にタグを置く方法も? – asax

関連する問題