jQuery 在第二个输入上的屏幕键盘答案

【问题标题】：jQuery On Screen Keyboard On Second InputjQuery 在第二个输入上的屏幕键盘
【发布时间】：2014-05-13 04:00:12
【问题描述】：

我在对话框上使用 Mottie 的 jQuery OSK（屏幕键盘）时遇到了一点问题。您可能需要检查此 link 以使其更简单。

在 jQuery 对话框中选择第二个输入字段时，它总是会跳转到第一个输入字段。

这是我使用的代码：

HTML：

<div id='dialog' title='This is a title' style='display: none'>
<h3>I just want to say something</h3>
<label>Say something: </label><br />
<input type='text' id='SaySomething' /><br /><br />

<label>Enter another text: </label><br />
<input type='text' id='SaySomething2' /><br /><br /></div><button>Click me</button><br /><label>Say something: </label><br /><input type='text' id='SaySomethingOutside' /><br /><label>Enter another text: </label><br /><input type='text' id='SaySomethingOutside2' /><br />

JavaScript：

$(function(){
$("button").click(function(){
    $("#dialog").dialog("open");
}).button();
$("input").keyboard();
$("#dialog").dialog({
    modal: true,
    autoOpen: false,
    buttons : {
        OK: function(){
            $(this).dialog("close");
        }
    }
});

})

【问题讨论】：

标签： javascript jquery html on-screen-keyboard

【解决方案1】：

只需在键盘中使用usePreview: false作为参数

查看此编辑fiddle

【讨论】：

如果可以帮助您解决问题，请接受答案。
谢谢！这实际上有帮助。另一个问题，为什么总是关注第一个输入字段？试试这个，在关注第二个输入字段时，单击 jQueryUI 对话框上的任意位置，它将重新关注第一个输入字段。