Html 确保手机网页中的某些电话号码不可点击

我知道，要使手机网络设备上的电话号码可点击，您可以使用这种格式

TF: (800) 369-3212

P: (214) 331-4381

F: (214) 339-9840

但是如果你想阻止所有电话号码被点击，你可以用一个元标签来实现

但现在我所有的电话号码都是可点击的格式，我怎么能只针对传真号码，使其在所有移动设备上都不可点击

我意识到我可以让每一个都成为一个链接，但这也可以让它们在桌面上点击

我需要它们都是相同的格式。 仅可在移动设备上单击。 传真号码不可点击

---

对传真号码进行分类，比如说

传真号码

。然后，在媒体查询中，您可以删除移动设备中具有此类的所有元素上的鼠标事件

@media only screen and (max-width: 500px) {
    .fax-number{
        pointer-events: none;
    }
}

---

对你的传真号码进行分类，比如说

传真号码

。然后，在媒体查询中，您可以删除移动设备中具有此类的所有元素上的鼠标事件

@media only screen and (max-width: 500px) {
    .fax-number{
        pointer-events: none;
    }
}

---

解决方案是向传真号码添加一个类。我将传真号码包装在

span

中，然后将类

.fax

添加到其中

现在我可以用一个小脚本阻止所有类

fax

document.getElementByClassName("fax").addEventListener("click", function(event){
    event.preventDefault()
});

如果电话号码以可识别的电话号码格式书写， 然后大多数智能手机会自动识别电话 编号并将其转换为链接。但是，如果您希望号码 被锚文本替换，或者您希望将图像链接到手机 编号，则您希望手动创建链接。适当的 编写电话号码的格式为：国家代码> 示例：+1（555）555-1212然而，大多数智能手机 还将认识到这些格式： +15555551212 +1.555.555.1212555-555-121255551212

如果您已将数字格式化为可点击，并且希望其中一些数字在移动设备上不可点击，则此功能将起作用

@media only screen and (max-width: 500px) {
    .fax-number{
        pointer-events: none;
    }
}

这将使您的号码只能在现代浏览器上通过手机点击。这意味着您将无法在桌面网站上单击它们。哪个

tel

允许

Metatag关闭允许在IOS上单击数字的功能

<meta name = "format-detection" content = "telephone=no">

metatag的问题在于它不允许任何数字被点击。我找到的最好的解决方案是这个答案顶部的javascript。我希望有一个不使用javascript的解决方案

---

如果有人有更好的解决方案。请分享

解决方案是在传真号码中添加一个类。我将传真号码包装在

span

中，然后将类

.fax

添加到其中

现在我可以用一个小脚本阻止所有类

fax

document.getElementByClassName("fax").addEventListener("click", function(event){
    event.preventDefault()
});

如果电话号码以可识别的电话号码格式书写， 然后大多数智能手机会自动识别电话 编号并将其转换为链接。但是，如果您希望号码 被锚文本替换，或者您希望将图像链接到手机 编号，则您希望手动创建链接。适当的 编写电话号码的格式为：国家代码> 示例：+1（555）555-1212然而，大多数智能手机 还将认识到这些格式： +15555551212 +1.555.555.1212555-555-121255551212

如果您已将数字格式化为可点击，并且希望其中一些数字在移动设备上不可点击，则此功能将起作用

@media only screen and (max-width: 500px) {
    .fax-number{
        pointer-events: none;
    }
}

这将使您的号码只能在现代浏览器上通过手机点击。这意味着您将无法在桌面网站上单击它们。哪个

tel

允许

Metatag关闭允许在IOS上单击数字的功能

<meta name = "format-detection" content = "telephone=no">

metatag的问题在于它不允许任何数字被点击。我找到的最好的解决方案是这个答案顶部的javascript。我希望有一个不使用javascript的解决方案

---

如果有人有更好的解决方案。请分享

只需添加一个简单的html元标记：

<meta name="format-detection" content="telephone=no">

---

只需添加一个简单的html元标记：

<meta name="format-detection" content="telephone=no">

为什么这个问题会被否决？除了你的答案，我在网上找不到任何合理的解决办法。我发现的所有其他东西都不起作用。不起作用？？真奇怪。检查上述css规则是否应用于元素。。。检查滤芯并进行检查。可能是窗口宽度不小于500px，或者其他一些规则正在覆盖此规则。。检查一下，让我知道这肯定不行。我尝试了十种不同的方法，我尝试了媒体查询。没有。将宽度更改为600。把它放在数字周围的p标签上。在数字周围添加了一个跨距。我仍然可以在Nexus6p和Iphone上单击。但是，如何才能在p标签上发生单击事件？为什么这个问题会被否决？除了你的答案，我在网上找不到任何合理的解决办法。我发现的所有其他东西都不起作用。不起作用？？真奇怪。检查上述css规则是否应用于元素。。。检查滤芯并进行检查。可能是窗口宽度不小于500px，或者其他一些规则正在覆盖此规则。。检查一下，让我知道这肯定不行。我尝试了十种不同的方法，我尝试了媒体查询。没有。将宽度更改为600。把它放在数字周围的p标签上。在数字周围添加了一个跨距。仍然允许我从nexus 6p和Iphone上单击。但是，p标签上怎么会发生单击事件呢？也许我遗漏了一些东西，但仅仅以特定的方式格式化数字并不能使它们可单击。至少现在我在用的电话里没有。这可能是手机浏览器特有的功能。让手机上的电话号码“可点击”的唯一方法是使用带有

tel:

前缀的链接。也许我遗漏了什么，但仅仅用特定的方式格式化号码不会让它们点击