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

【问题标题】：How to put a cellphone keyboard below a fixed footer JqueryMobile如何将手机键盘放在固定页脚下方 JqueryMobile
【发布时间】：2013-08-27 12:50:08
【问题描述】：

我的 Web 应用程序与 jQuery Mobile 和 cordova 的聊天部分出现问题。我决定用一个 textaera 和一个发送消息的按钮来修复页脚。但是当我触摸 textarea 写一条消息时，我的键盘没有出现。我猜它是隐藏的：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>

谢谢:)

【问题讨论】：

你能显示代码吗？

标签： css html jquery-mobile cordova

【解决方案1】：

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

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

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

当它是 html 问题时。尝试为 textarea 提供更高的 z-index，如下所示：

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

【讨论】：