在 jQuery Mobile / Mobile Safari 中按下提交后不要隐藏键盘
Posted
技术标签:
【中文标题】在 jQuery Mobile / Mobile Safari 中按下提交后不要隐藏键盘【英文标题】:Dont hide keyboard after pressing Submit in jQueryMobile / 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 对此进行测试。
任何想法都值得赞赏。谢谢。
【问题讨论】:
【参考方案1】:在您的提交完成后,尝试将焦点添加回回调上的“#chat”字段。
$('#chat').focus();
这是我创建的模拟功能的演示(在 iPhone 上测试)...
演示:http://jsfiddle.net/wdm954/hYn7k/1/
【讨论】:
感谢您的链接,它在我的移动 Safari 中运行良好。不知怎的,我不能让我的做到这一点。在聊天客户端 (chat.js) 上,我尝试将 focus() 调用放在我发现连接到“发送消息”函数的每个回调函数上。但是nada!以上是关于在 jQuery Mobile / Mobile Safari 中按下提交后不要隐藏键盘的主要内容,如果未能解决你的问题,请参考以下文章
jQuery Mobile中$.mobile.buttonMarkup方法使用具体解释
如何使用 jquery 或 jquery mobile mobile 根据日期列出数据
JQuery Mobile 1.3.1“$.mobile.loading”不工作
jQuery Mobile仿360首页,jQuery Mobile网格布局,jQuery Mobile网址大全,HTML5仿360首页