移动端Android软键盘遮住输入框解决！

Posted 2020-10-08 前段入门菜鸟

在使用vue的情况下，在输入框中添加

<textarea class="textarea" @click="isandroid" :maxlength="30" :rows="1" placeholder="订单备注(30字以内)" v-model="remark"></textarea>

isAndroid(){if(/Android [4-6]/.test(navigator.appVersion)) {
     　　window.addEventListener("resize", function() {
        if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {
             window.setTimeout(function() {
             document.activeElement.scrollIntoViewIfNeeded();
          　　},0);
       　　}
        })
    }
 }