Browse Source

修改输入自动上移

wangkaiyue 5 năm trước cách đây
mục cha
commit
904f328061

+ 18 - 5
src/jfw/modules/app/src/web/templates/vipsubscribe/trial_info.html

@@ -49,12 +49,14 @@
                                        onchange="check_tel($(this),$('.code_btn'),true)">
                             </div>
                             <div class="form_item form_item_line">
-                                <input type="number" placeholder="图形验证码" value="" class="code imgcode input" maxlength="4"
+                                <input type="number" placeholder="图形验证码" value="" class="code imgcode input"
+                                       maxlength="4"
                                        onchange="check_imgcode($(this),$('.code_btn'),true)">
                                 <img src="/subscribepay/trial/captcha" class="checkCode">
                             </div>
                             <div class="form_item">
-                                <input type="number" placeholder="手机验证码" value="" class="code phonecode input" maxlength="6"
+                                <input type="number" placeholder="手机验证码" value="" class="code phonecode input"
+                                       maxlength="6"
                                        onchange="check_phonecode($(this),true)">
                                 <button class="code_btn" type="button">获取验证码</button>
                             </div>
@@ -181,21 +183,32 @@
     });
 
     function scrollView(obj) {
-        var view_height = $(document.body).height();
+        var view_height = $(document.body).height()
 
         function change() {
             $(document.body).height(view_height)
         }
+
         change();
         window.addEventListener('resize', change);
-        $('.' + obj).on('blur', function () {
+        $('.' + obj).on('blur', function (e) {
             setTimeout(() => {
-                if (!document.activeElement.className.includes(obj)) {
+                let dom = document.activeElement;
+                // console.dir(dom);
+                if (dom.className.includes(obj)) {
+                    let u = navigator.userAgent, app = navigator.appVersion;
+                    let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
+                    if (isAndroid) {
+                        dom.scrollIntoView({"block": "center"})
+                    }
+
+                } else {
                     window.scroll(0, 0)
                 }
             }, 50)
         })
     }
+    
     {{else}}
     $('#formInfo').submit(function (e) {
         window.location.replace("/jyapp/vipsubscribe/vipsubscribe_trial");

+ 13 - 3
src/web/templates/weixin/vipsubscribe/trial_info.html

@@ -187,16 +187,26 @@
 
     // 解决移动端软键盘弹起遮挡输入框及ios下软键盘关闭后底部留白问题
     function scrollView(obj) {
-        var view_height = $(document.body).height();
+        var view_height = $(document.body).height()
 
         function change() {
             $(document.body).height(view_height)
         }
+
         change();
         window.addEventListener('resize', change);
-        $('.' + obj).on('blur', function () {
+        $('.' + obj).on('blur', function (e) {
             setTimeout(() => {
-                if (!document.activeElement.className.includes(obj)) {
+                let dom = document.activeElement;
+                // console.dir(dom);
+                if (dom.className.includes(obj)) {
+                    let u = navigator.userAgent, app = navigator.appVersion;
+                    let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
+                    if (isAndroid) {
+                        dom.scrollIntoView({"block": "center"})
+                    }
+
+                } else {
                     window.scroll(0, 0)
                 }
             }, 50)