如何仅在桌面浏览器上聚焦输入字段

Question

只有当用户在桌面浏览器上时，集中输入字段的最佳方法是什么？

我使用jQuery设置焦点，如下所示：

$(document).ready(function(){
    $("input").focus();
}

但现在在移动设备(如手机和平板电脑)上，屏幕上的键盘出现了。我想避免这种情况。我也想避免浏览器嗅探。有什么想法吗？

PS:获取浏览器视图列表，而不是解决方案。

Answer 1

只需使用javascript就可以通过检查UserAgent来做到这一点，如下所示：

$(document).ready(function(){
   if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
      //mobile code
   } else {
      //desktop code
      $("input").focus();
   }
}

Answer 2

我会在服务器端设置一个旗子。在您的父div 'isDesktop'中添加一个类，然后在客户端，检查如下

 $(document).ready(function(){
     if($('.myParentDiv').hasClass('isDesktop')){
       $("input").focus();
}
    }

如果您无法访问服务器端，另一种方法可能是访问用户jquery的$.browser，它为您提供有关浏览器的信息。