hybrid app cordova解决软键盘遮挡输入框

原创于 2019-03-12 11:24:28 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

hybrid app 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在Cordova的混合应用中解决软键盘弹出时遮挡输入框的问题，通过监听原生软键盘的动作并在index.js中添加相应事件来实现。

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

在这里插入图片描述

1、监听原生软键盘的动作

 cordova plugin add ionic-plugin-keyboard        //监听原生软键盘的动作

2、在index.js添加相关事件

// 监听键盘隐藏  
window.addEventListener('native.keyboardshow',function (e) {
    document.documentElement.style.height = 'auto';
})
// 监听键盘隐藏  
window.addEventListener('native.keyboardhide',function (e) {
    document.documentElement.style.height = '100%';
})