苹果ios版本11跟fixed引起的鼠标不聚焦的问题

本文链接：https://blog.youkuaiyun.com/qq_35952203/article/details/119725960

这段代码主要处理移动设备上的页面适配和滚动事件。它检查设备是否为移动设备，并根据窗口大小调整元素位置。当弹窗显示时，阻止页面滚动。同时，提供了针对iOS设备的特定样式调整。代码还包含了一个检测Android和iOS设备的辅助函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var pla=this.ismobile(1);
          if(pla == 0){
            $('.tanbm').css({'position':'absolute'});
            var height = $('.form').height();
            height = ($('.form').height()/$(window).height())/2;
            $('.form').css({'margin-top':((height)*100).toFixed(2)+'%'});
            if($(window).width()<400){
              $('.tanbm .form .input_group').css({'padding-top':'0.25rem'});
              $('.vcode_btn').css({'margin-top':'-5.4%'});
            } else{
              $('.tanbm .form .input_group').css({'padding-top':'0.25rem'});
              $('.vcode_btn').css({'margin-top':'-6.5%'});
            }
          }
          $(document).bind('mousewheel DOMMouseScroll MozMousePixelScroll', function(event) {
              event = event || window.event;
              if($(".tanbm").is(":visible")){
                  return false;
              }
          });
          $(document).bind('touchmove', function(event) {
              event = event || window.event;
              if($(".tanbm").is(":visible")){
                  return false;
              }
          });
 ismobile:function(test){
          var u = navigator.userAgent, app = navigator.appVersion;
          if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
           if(window.location.href.indexOf("?mobile")<0){
            try{
             if(/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)){
              return '0';
             }else{
              return '1';
             }
            }catch(e){}
           }
          }else if( u.indexOf('iPad') > -1){
              return '0';
          }else{
              return '1';
          }
      }


 var utils = {
        ua: navigator.userAgent,
        isAndroid: function () {
          // Android
          return 

this.ua.match(/Android/i);
        },
        isIos: function () {
          // IOS
          return 

this.ua.match(/iPhone|iPod|iPad/i);
        },
    }
    if (utils.isIos()) {
          $('.bm_box').css('position','absolute');
          $('body').css('height','100%');
    }