2

我的 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>

谢谢 :)

4

1 回答 1

0

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

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

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

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

<textarea class="chat-form-text" style="z-index:10000;"></textarea>
于 2013-11-24T10:30:18.257 回答