2016-05-30 5 views
0

私はこのリンクhttp://jsfiddle.net/QRj83/を私のphonegapアプリケーションで動作させるようにしようとしています。コードはウェブサイトで正しく動作していますが、phonegapアプリでは正しく動作していません。表示されるエラーはありません。なぜ動作していないのか不思議です。誰かが電話でその問題に遭遇しましたか?テキストボックスフォーカスがphonegapで動作しない

これは、jsの中に私のコードです:

$('input').keyup(function(e) { if(e.keyCode == 13) { $(this).next().focus(); } });

HTMLコード:

<input type="textbox" /> <input type="textbox" /> <input type="textbox" />

ありがとうございました。

+0

イベントの一部はブラウザでは動作していますが、マウスのようなデバイスアプリでは動作しません。もう少し多くのドキュメントとテストをもう一度行ってください... – Naitik

答えて

1
<!DOCTYPE html> 
<html> 
<body> 

<input type="textbox" id="text1" name="text1" /> 
<input type="textbox" id="text2" name="text2" /> 
<input type="textbox" id="text3" name="text3" /> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script> 
var name="text"; 
var count=3; 

$(document).ready(function() { 
    setIndex(); 
}); 


function setIndex() { 
for(var i=1;i<=count;i++) 
{ 
    document.getElementById(name+i).tabIndex = i; 
    document.getElementById(name+i).onkeypress = function(event) { 
     myFunction(event); 
    } 
} 
} 

function myFunction(event) { 
    var x = event.which || event.keyCode; 
if(x==13) 
{ 
    var item=event.target.id; 
    var tabIndex=parseInt(item.replace(name,"")); 
    if(tabIndex==count) 
    { 
    document.getElementById(name+1).focus(); 
    } 
    else 
    { 
    tabIndex=tabIndex+1; 
    document.getElementById(name+tabIndex).focus(); 
    } 
} 
} 
</script> 

</body> 
</html> 
関連する問題