phonegap中的文本框焦点不起作用

时间:2016-05-30 12:55:31

标签: javascript jquery cordova phonegap-build phonegap-cli

我正在尝试使用此链接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" />

谢谢。

1 个答案:

答案 0 :(得分: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>