jQuery Mobile焦点下一次在按键上输入
|
我有一个jQuery移动网站，其HTML表单包含4个引脚输入框。我希望用户能够在每个输入字段中输入一个图钉，而不必按下iphone键盘的“下一步”按钮。我尝试了以下操作，尽管它似乎将焦点设置为第二个输入并插入了值，但键盘消失了，因此用户仍然必须通过点击事件来激活所需的输入。
$(\'#txtPin1\').keypress(function() {
$(\'#txtPin1\').bind(\'change\', function(){
$(\"#txtPin1\").val($(\"#txtPin1\").val());
});
$(\"#txtPin2\").focus();
$(\"#txtPin2\").val(\'pin2\');
});
没有找到相关结果
已邀请:
2 个回复
温拎凯玛
$(\'.txtPin\').keypress(function() { var value = $(this).val(); // Let\'s say it\'s a four digit pin number // Value starts at zero if(value.length >= 3) { var inputs = $(this).closest(\'form\').find(\':input\'); inputs.eq( inputs.index(this)+ 1 ).focus(); } });<div data-role=\"page\" data-theme=\"b\" id=\"jqm-home\"> <div data-role=\"content\"> <form id=\"autoTab\"> <label for=\"name\">Text Pin #1:</label> <input type=\"text\" name=\"txtPin1\" id=\"txtPin1\" value=\"\" class=\"txtPin\" placeholder=\"Please enter Pin #1\"/> <br /> <label for=\"name\">Text Pin #2:</label> <input type=\"text\" name=\"txtPin2\" id=\"txtPin2\" value=\"\" class=\"txtPin\" placeholder=\"Please enter Pin #2\"/> <br /> <label for=\"name\">Text Pin #3:</label> <input type=\"text\" name=\"txtPin3\" id=\"txtPin3\" value=\"\" class=\"txtPin\" placeholder=\"Please enter Pin #3\"/> <br /> <label for=\"name\">Text Pin #4:</label> <input type=\"text\" name=\"txtPin4\" id=\"txtPin4\" value=\"\" class=\"txtPin\" placeholder=\"Please enter Pin #4\" maxlength=\"4\"/> </form> </div> </div>乐遣杀屎
$(\'.txtPin\').keydown(function() { that=this; setTimeout(function(){ var value = $(that).val(); if(value.length > 3) { $(that).next().next().next().focus().tap(); } },0); });$(\'.txtPin\').keydown(function() { that=this; setTimeout(function(){ var value = $(that).val(); if(value.length > 3) { $(that).next().next().next().click(); } },0); }); $(\'.txtPin\').click(function() { $(this).focus().tap(); });