【问题标题】:Dont hide keyboard after pressing Submit in jQueryMobile / Mobile Safari在 jQuery Mobile / Mobile Safari 中按下提交后不要隐藏键盘
【发布时间】:2011-10-26 23:37:24
【问题描述】:

我正在为 iOS/Android 浏览器开发基于移动网络的表单。一切正常。

我似乎无法做的是在用户按下表单上的“提交”按钮后将键盘保持在顶部。目前,只要我点击“提交”,键盘就会默认隐藏。在这里发布此请求之前,我已经尝试了所有我能想到的。

我的代码:

<form action="" onsubmit="return false;">
             <input id='chat' type="text" name="message" value="" data-inline="true" placeholder="Start typing your message here" />
             <button id='doSend' type="submit" data-inline="true">Submit</button>
</form>

我正在使用 jQueryMobile 1.0 beta2 + iPhone 4 对此进行测试。

任何想法都值得赞赏。谢谢。

【问题讨论】:

    标签: forms webkit jquery-mobile mobile-safari usability


    【解决方案1】:

    在您的提交完成后,尝试将焦点添加回回调上的“#chat”字段。

    $('#chat').focus();
    

    这是我创建的模拟功能的演示(在 iPhone 上测试)...

    演示:http://jsfiddle.net/wdm954/hYn7k/1/

    【讨论】:

    • 感谢您的链接,它在我的移动 Safari 中运行良好。不知怎的,我不能让我的做到这一点。在聊天客户端 (chat.js) 上,我尝试将 focus() 调用放在我发现连接到“发送消息”函数的每个回调函数上。但是nada!
    猜你喜欢
    • 2022-06-24
    • 2023-04-09
    • 1970-01-01
    • 2013-02-04
    • 2012-06-12
    • 1970-01-01
    • 1970-01-01
    • 2019-09-10
    相关资源
    最近更新 更多