iphonenextfocusjavascript

iphonenextfocusjavascript,javascript,jquery,iphone,ios,Javascript,Jquery,Iphone,Ios,我已经创建了一个代码,用于在JSFIDLE中解释我的问题- 这里是链接 以及相应的代码: <input id="input_1" type="text" maxlength="8"> <input id="input_2" type="text" maxlength="2"> <input id="hidden" type="hidden" /> <input id="hidden_2" type="hidden" /> <div id="d

我已经创建了一个代码,用于在JSFIDLE中解释我的问题- 这里是链接 以及相应的代码:

<input id="input_1" type="text" maxlength="8">
<input id="input_2" type="text" maxlength="2">
<input id="hidden" type="hidden" />
<input id="hidden_2" type="hidden" />
<div id="demo">  PFFUU  </div>

//script 
function selectNextInput(e){
        if(e.val().length != 2){
            return;
        }
        console.log("ASD");
        $("#hidden").trigger('mouseup');
    };

    function setNextFocus(){
        $("#input_2").focus();
    }
    $(function(){

        var dec = function(){
            selectNextInput($("#input_1"));
        }
        $("#input_1").focus();
        $("#input_1").keyup(dec);
        $("#hidden").mouseup(setNextFocus);
        $("#demo").mouseup(setNextFocus);
    });

PFFUU
//剧本
功能选择下一步输入(e){
如果(e.val().length!=2){
返回;
}
控制台日志(“ASD”);
$(“#隐藏”).trigger('mouseup');
};
函数setNextFocus(){
$(“#输入_2”).focus();
}
$(函数(){
var dec=函数(){
选择下一个输入($(“#输入1”);
}
$(“#输入_1”).focus();
$(“#input_1”).keyup(12月);
$(“#隐藏”).mouseup(setNextFocus);
$(“#演示”).mouseup(setNextFocus);
});
1解决方案: 如果单击id=“demo”div,焦点将设置在第二个div上

2解决方案: 如果第一个inputfield在keyup(content lenght==x)上实现了语句,则焦点将 在第二个输入字段上设置一个触发的mouseup事件,并在别处处理

问题如下: 在第一种解决方案中,iOS设备上的软键盘不会消失。 使用第二种解决方案时,iOS上的软键盘将消失。 我在iphone上尝试了第二种解决方案,软键盘消失了:(

我希望第二个解决方案与第一个解决方案在iOS上的效果相同

总结:(我想做的|伪) if(condition)//输入的长度 然后 setFocusNext fi

而最重要的部分-软键盘将在焦点改变后显示

有可能解决这个问题吗

欢迎发表任何评论


致以最诚挚的问候

我认为解决办法是模糊(),然后重新聚焦(),以摆脱键盘