css - 如何将手机键盘放在固定页脚 JqueryMobile 下方

Question

我的 web 应用程序在与 jQuery Mobile 和 cordova 的聊天部分出现问题。我决定用 textaera 和发送消息的按钮修复页脚。但是当我触摸文本区域写消息时，我的键盘没有出现。我猜是隐藏 :S

有解决办法吗？

这是我的代码:

<div data-role="content" class="bg">
    <div class="chat-liste">
        <div class="chat-left">
        </div>
        <div class="chat-content">
        </div>
        <div class="chat-form" data-role="footer" data-position="fixed">
            <textarea class="chat-form-text"></textarea><input type="submit" class="chat-form-submit send"/>
        </div>
    </div>
</div>

谢谢:)

Answer 1

实际上，键盘不是 html，而是系统小部件的一部分，因此不可能将其隐藏在 html 元素后面。

确保文本区域上方没有其他不可见元素正在接收/窃取它的触摸事件。先决条件是您的文本区域可以被触摸。

还需要查看您的 css 和代码，以判断这是 html 问题还是在您的 jq 某处此元素上有 event.preventDefault()。

当它是 html 问题时。尝试像这样为文本区域提供更高的 z-index:

<textarea class="chat-form-text" style="z-index:10000;"></textarea>