使用 javascript 检查触摸设备

Posted

技术标签:

【中文标题】使用 javascript 检查触摸设备【英文标题】:Check touch device using javascript 【发布时间】:2014-08-01 10:01:54 【问题描述】:

我有一个小功能可以检测我的用户是否在完美运行的触控设备上...

function is_touch_device()         
    return (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));

if(!is_touch_device()) 
    window.location.href = 'index.html';

我想添加一个条件,如果设备是 ipad,则不执行重定向。

我试过了……

function is_touch_device() 

            var isiPad = navigator.userAgent.match(/iPad/i) != null;

            if( !isiPad )
                return (('ontouchstart' in window)
                || (navigator.MaxTouchPoints > 0)
                || (navigator.msMaxTouchPoints > 0));
            

        ;

        if(!is_touch_device()) 
            window.location.href = 'index.html';
        

但它会阻止触摸设备重定向,事实上,所有这些,有什么想法吗?

【问题讨论】:

【参考方案1】:

不需要函数,试试这个脚本;

    if( /android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) 
        alert('Mobile device, exclude iPad');
    
    else 
        alert('Desktop');
    

【讨论】:

以上是关于使用 javascript 检查触摸设备的主要内容,如果未能解决你的问题,请参考以下文章

javascript:检查用户代理是不是在桌面设备上

使用 Javascript 检测触摸屏设备

使用 JavaScript 检测“触摸屏”设备的最佳方法是啥?

iOS 11 |手机| JavaScript |触摸事件并不总是触发

javascript 使用JS检测触摸设备

无法在 Android 设备上的 Javascript 中获取触摸事件的坐标