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和触摸设备

回答

相关问题