javascript - 如何使 <a href> 仅在移动设备上处于事件状态?

标签 javascript html css mobile contacts

我想添加这段代码,让我网站上的联系方式在点击时自动跳转到手机拨号盘/地址簿:

<a href="tel:12345555555">Call Us Now</a>

如何让它在非电话设备(计算机、平板电脑、笔记本电脑)上显示为纯文本,以便它不会返回 404 错误并且无法点击?

很高兴使用 HTML/CSS/JS 的任意组合来实现这一目标。

最佳答案

不要使用超链接。使用 microdata .手机会识别它是一个电话号码并允许点击它,但它不会影响正常的网络浏览器。

<div class="vcard">
    <div class="tel">
        12345555555
    </div>
</div>

关于javascript - 如何使 <a href> 仅在移动设备上处于事件状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13409089/

相关文章:

javascript - 当内容溢出超过div的固定高度时如何创建新的div?

javascript - 获取 jQuery.blur 事件中焦点移动到的元素的 id?

javascript - this.forceUpdate 是否重新渲染所有子项?

javascript - 使用 1 个 javascript 更改按钮的背景颜色

css - 按钮结果不理想

javascript - 将粘贴文本的格式保留在没有可见标记信息的文本区域中

javascript - 为不同的 WordPress 页面添加自定义样式表

Android webview无法播放视频文件错误

html - 如何使文本在 div 的顶部和底部居中?

php - PHP代码中的CSS效果