HTML和觸摸設備

我正在開發一個響應式網站，其中一個要求是在移動設備上只能「點擊」元素，特別是iPhone和iPad（不在PC瀏覽器上）。HTML和觸摸設備

舉例來說，顯示只能在觸摸設備上點擊的電話號碼......但在桌面瀏覽器上，它只能顯示而不能點擊。

這可能嗎？

如果是這樣，任何人都可以指導我如何去做這個請。

謝謝。

來源

2012-03-01 raul prakash

@Gus：我試過這個：'function isTouchDevice（）{ return ontouchstart「in window;' } – 2012-03-01 23:01:00

您可以使用PHP用戶代理檢測，比如像這樣：

<?php 
if(strstr($_SERVER['HTTP_USER_AGENT'],"iPad") || strstr($_SERVER['HTTP_USER_AGENT'],"iPhone")){ 
    echo '<a href='foo'>bar</a>' 
} 
else{ 
    echo 'bar' 
} 
?>

或者在JavaScript（更換鏈接位置和Foo有一個合適的ID吧）：

function iPhoneLinks(){ 
    if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i))) { 
     document.getElementById('foo').href='bar'; 
    } 
} 
<body onload='iPhoneLinks();'> 
    <a id='foo'>This will only be a link on iOS</a>

未經測試，但應該工作

來源

2012-03-01 22:09:26 Jack

謝謝，但我想這樣做沒有PHP，因爲它的編輯內容...我在wordpress開發網站 – 2012-03-01 22:54:37

我在JavaScript中做了一個（未經測試）的方式編輯。 – Jack 2012-03-01 23:02:52

謝謝，我會試試看。 – 2012-03-01 23:30:37

HTML和觸摸設備

回答

相關問題