使某些電話號碼無法在移動網頁中點擊

-2

我知道在移動網絡設備上點擊一個電話號碼即可使用此格式。使某些電話號碼無法在移動網頁中點擊

TF: (800) 369-3212 

P: (214) 331-4381 

F: (214) 339-9840

但如果你想阻止所有的電話號碼被點擊，你可以用元標記做到這一點。

但是現在我的所有電話號碼都是可點擊的格式，我只能定位傳真號碼，使其無法在所有移動設備上點擊。

我意識到我可以讓每一個鏈接，但這也會讓他們在桌面上點擊。

我需要它們都是相同的格式。只能在移動設備上點擊。的傳真號碼不可點擊

來源

2016-04-23 wuno

也許我錯過了一些東西，但只是以特定的方式格式化數字不會使它們可點擊。至少現在不在我使用的電話上。這可能是一個手機瀏覽器特有的功能。使手機上的電話號碼「可點擊」的唯一方法是使用帶有「tel：」前綴的鏈接。 –

有一個類你FaxNumbers假設fax-number。然後在媒體查詢中，您可以使用移動設備中的該類刪除所有元素上的鼠標事件。

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

來源

2016-04-23 02:17:39

爲什麼這個問題會被拒絕投票？我無法找到任何在互聯網上的合理解決方案，但你的答案。我找到的其他東西都不起作用。 – wuno

不起作用？這很奇怪。檢查上述css規則是否應用於元素...檢查元素並檢查。可能是窗口寬度不小於500px或其他一些規則覆蓋這一個..有一個支票，讓我知道 –

這肯定是行不通的。我只是試了十種不同的方式。 – wuno

解決方法是向傳真號碼添加一個類。我將傳真號碼打包在span中，然後將類別.fax添加到它。

現在我可以阻止所有的類fax的被點擊一點點javscript

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

如果電話號碼被寫在一個可識別的電話號碼格式，那麼大多數的智能手機會自動識別電話號碼並將其轉換爲鏈接。但是，如果您希望將的號碼替換爲錨文本，或者您希望將圖像鏈接到電話號碼，則您需要手動創建鏈接。寫一個電話號碼正確格式爲：國家代碼> <（區號）> 例子：+1（555）555-1212。然而，大多數智能手機也將認識到這些格式： 1.555。 555.1212 555-555-1212 555 555 1212

如果您已將格式化的數字設爲可點擊的並且希望讓部分數字無法在移動設備上點擊，此功能將正常工作。

Read This To Learn To Make Numbers Clickable Format

這將使您的數字移動點擊只在現代瀏覽器。這意味着你將無法在桌面網站上點擊它們。其中tel確實允許。

元標記關閉允許號碼可以點擊，在IOS

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

與元標記的問題是，它不會允許被點擊的任何數字。我找到的最佳解決方案是回答頂部的JavaScript。我會喜歡不使用JavaScript的解決方案。

如果有人有更好的解決方案。請分享。

來源

2016-04-23 04:20:46 wuno

使某些電話號碼無法在移動網頁中點擊

回答

相關問題