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

时间:2014-05-13 04:00:13

标签: javascript jquery html on-screen-keyboard

我在对话框上使用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");
        }
    }
});

})

1 个答案:

答案 0 :(得分:3)

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

请参阅此编辑fiddle