移動端Android軟鍵盤遮住輸入框解決!


在使用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);
         }
        })
    }
 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM