Question

正如我所见，移动设备（iPhone）可以检测HTML中的电话号码格式，并使其可以点击以拨打该号码。但是，它只做静态内容。如果我动态设置div内容，它不起作用，因此它不会使数字可点击。

这是一个非常简单的例子：

<html>
<body>
     <div id="t2">0212 444 0 444</div><br><br>
     <div id="t1"></div>
     <script>
          document.getElementById("t1").innerHTML = "0212 444 0 444";
     </script>
     </body>
</html>

在这个例子中，即使我使用相同的号码，第一个号码也会自动点击，但第二个号码不会。无论如何，在动态设置内容后，强制div再次检查其数字？

注意：我不想用标签设置动态电话号码。因为，在实际应用中，我不知道内容，它实际上是一个数字。

Answer 1

您可以尝试使用href="tel:"

＆＃13;

<html>
<body>
     <div id="t2">0212 444 0 444</div><br><br>
     <div id="t1"></div>
     <script>
          document.getElementById("t1").innerHTML = "<a href=\"tel:0212 444 0 444\">0212 444 0 444</a>";
     </script>
     </body>
</html>

＆＃13;

动态html内容上的自动电话号码检测

1 个答案: