Disable telephone anchor

Question

I'm developing a web application using PhoneGap that will be distributed to several mobile OS including iOS.

When I generate the application to iOS the numeric values with at least 7 digits are modified to telephone anchors, in order to "fix" this I've attached the following event handler:

$( 'a[href^="tel"]' ).live( 'click', function() {
    return false;
});

This code works fine except when I use jQuery Mobile, any idea why?

score 6 · Answer 1 · edited May 23 '17 at 11:45

6

Try to add this to your header

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

See How to disable phone number linking in Mobile Safari?

edited May 23 '17 at 11:45

Community

1
1

answered May 18 '12 at 15:52

Gabriel Santos

4,934
2
43
74

That works fine on Safari browser but doesn't work on PhoneGap application since it uses WebView. – Diogo Cardoso May 18 '12 at 15:54
1

@Diogo instead, see http://solutions.michaelbrooks.ca/2011/02/09/disable-telephone-detection-in-phonegap-ios/ – Gabriel Santos May 18 '12 at 15:56
I'm not understanding the solution, it requires that I build the application in XCode? I'm using PhoneGap Build and I would like to continue to use it :) – Diogo Cardoso May 18 '12 at 15:58
1

@Diogo try this `666-777-777` (http://stackoverflow.com/a/5394268/744255) – Gabriel Santos May 18 '12 at 16:08
That works but I was looking for a more generic solution because I'm receiving dynamic information from WS. – Diogo Cardoso May 18 '12 at 17:46
For generic way, use XCode =D – Gabriel Santos May 18 '12 at 17:48

score 0 · Answer 2 · answered Feb 06 '14 at 16:22

0

it actually works well for me on PhoneGap as well.

answered Feb 06 '14 at 16:22

MFAL

1,090
13
19

Disable telephone anchor

2 Answers2