【问题标题】:how to trigger a phone call on button click in a php website?如何在php网站中点击按钮触发电话?
【发布时间】:2021-06-16 17:57:10
【问题描述】:

我的客户需要一个点击通话功能的超链接,所以我包括以下行

<a href="tel:917387084384">Call +91-7387084384</a>

但是,要求已经从超链接更改为按钮,因此需要知道如何在按钮中包含点击通话功能

如果您需要我方面的任何澄清,请告诉我。谢谢。

【问题讨论】:

  • &lt;a class="buttonstyleclass" href="tel:917387084384"&gt;Call +91-7387084384&lt;/a&gt;
  • 上次我检查时,您可以设置超链接的样式,使其看起来像按钮。或者你需要的任何东西。
  • @N.B.和@MarkBaker:不要假设无能,试着理解为什么。简单的情况是,当您有一个服务框的包装链接,该链接指向有关该服务的更多信息,并且在内部您有一个呼叫服务号码链接:) 上次我检查时,您不能有链接在链接内... :)
  • @jave.web - 真的吗?你会因为造型而开始这个吗? 2018 年?这真的你想要做什么?我花在输入这个回复上的时间比设计那个按钮的时间还要多。说真的..不要,拜托。谢谢。
  • @N.B.不,不是因为样式,这个问题根本不是关于样式的 - 它指的是 w3 的语义方法,它说你不能在链接中拥有链接,如果你这样做并且你可以点击在帖子中调用操作链接,您需要以某种方式触发它。是的,你可以把它从语义上放在一边,绝对风格,但正如你所说 - 现在是 2018 年 :)

标签: javascript php jquery html css


【解决方案1】:

将超链接变成按钮的分步指南:

  1. a标签重命名为form,将href属性重命名为action

    &lt;form action="tel:917387084384"&gt;Call +91-7387084384&lt;/form&gt;

  2. 将文本包装成button标签:

    &lt;form action="tel:917387084384"&gt;&lt;button&gt;Call +91-7387084384&lt;/button&gt;&lt;/form&gt;

  3. type 属性添加到button 标签并设置为submit

    &lt;form action="tel:917387084384"&gt;&lt;button type="submit"&gt;Call +91-7387084384&lt;/button&gt;&lt;/form&gt;

你就完成了!

【讨论】:

  • 如果我们在 android webView 中使用此网页,则无法正常工作
  • 它不适用于安卓智能手机和 chrome。
  • @jerome:当表单在 android(哪个版本?)和 chrome(哪个版本?)中没有显示您的预期结果时,会使用哪种方法。是“获取”还是“发布”?请尝试两者并告诉我结果。
  • 我没有这些信息 - 只是要求朋友测试。如果您需要调查,这里是一个测试页面:jmx.alwaysdata.net/sandbox/trigger_phone_call.html 似乎首选方法是使用
【解决方案2】:

您可以简单地设置按钮的样式,使其看起来完全像一个按钮,或者您可以使用onclick 事件处理程序:

<button onclick="document.location.href = 'tel:917387084384'">Call +91-7387084384</button>

【讨论】:

    【解决方案3】:

    以下内容将使浏览器在单击时询问您是否允许启动 Skype:

    <button onclick="window.location='tel:917387084384';">Hot line</button>
    

    【讨论】:

      【解决方案4】:

      也可以使用document.createElement调用

      function btnClick() {
        const linkElement = document.createElement("a")
        linkElement.href = 'tel:+123456789'
        linkElement.click()
      }
      

      【讨论】:

        猜你喜欢
        • 2023-02-22
        • 2016-03-30
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2010-12-09
        • 2012-08-06
        相关资源
        最近更新 更多