目前我正在开发一个用于移动设备的网络应用程序,我正在使用 javascript 事件将焦点从一个 contenteditable div 移动到另一个。在大多数移动设备上,一切都很好,键盘也没有隐藏。我已经在 android firefox 和 chrome 以及 iOS5 和 iOS6 safari 上对此进行了测试。在 iOS6 Safari 上,我发现将焦点从一个 div 移动到另一个 div 将关闭键盘而不改变焦点,而不是像在所有其他浏览器上一样保持键盘显示。
例如,如果我有
<div contenteditable="true" id="1">Stuff</div>
<div contenteditable="true" id="2">Things</div>
和
$("#1").on("keydown", function() {
$("#2").focus();
});
$("#2").on("keydown", function() {
$("#1").focus();
});
然后我希望在每个 div 中交替输入字符,这在大多数移动浏览器上都会发生,除了 iOS6 safari。
您可以在我在http://jsfiddle.net/8jj56/2/制作的 JSfiddle 中找到一个简化示例
如何为 iOS6 获得相同的键盘行为?