javascript - 点击调用: Navigation is blocked

标签 javascript html browser tel

我正在尝试实现这样的点击通话链接:

<a href="tel:+4912345678912">Tel: +4912345678912</a>

根据 developers.google 的说法,这应该可行。它不会自动点击,只有当用户实际点击它时才会触发。但是,所有主要移动浏览器都会阻止导航。

Navigation is blocked: tel:+4912345678912

它可以在 Chrome 桌面版和三星移动浏览器中运行。我还尝试通过

重定向
window.location.href = 'tel:+4912345678912';

但这会导致相同的结果。

有什么想法吗?

最佳答案

我自己解决了。问题在于该链接位于附加到父页面的 iframe 内。更改 <a>标记为以下内容解决了问题:

<a target="_parent" href="tel:NUMBER">

如果有多个嵌套 iframe,可能必须使用 _top而不是_parent .

关于javascript - 点击调用: Navigation is blocked,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58170491/

相关文章:

html - 将组件排列在一行中

html - 如何摆脱 iframe 周围的滚动条

jquery - 限制用户在任何浏览器中刷新和后退,转发

javascript - 创建可在浏览器和 nodejs 中使用的 typescript 库

html - 从 Blackberry 上的 BrowserField 获取图形对象或位图

javascript - 自动将基于数据标签的 <th> 内容附加到相应的 <td> 以实现响应式表格 View

javascript - 无法使用 Javascript/Jquery 从数组中删除行

javascript - 将对象数组作为 React 组件的 Prop

javascript - Angular - $stateparams 始终未定义

html - 使用CSS更改首字母大写和其他小写