Jquery keypressでテキストボックスにスキップする機能

Question

私は現在、IPアドレスを格納するために使用される4つのテキストボックスを持っています。 私は助けが必要なのは、ユーザーが "。"を入力できるようにする機能です。現在のテキストボックスから次のテキストボックスにテキストボックスのフォーカスを移動させます。事前に

おかげ

Answer 1

あなたのテキストボックスは、指定されたと仮定するとIP0、IP1、IP2、IP3：

は

$(document).ready(function() { 
    $('#ip0,#ip1,#ip2').keydown(function(event) { 
     var key = event.charCode || event.keyCode || 0; 
     if (key == 190) { 
      event.preventDefault(); 
      var i = Number(this.id.replace(/ip/,'')) +1; 
      $('#ip'+i).focus(); 
     } 
    }); 
}); 

Answer 2

textbox.onChange = function(){ 
    if(textbox.value[textbox.value.length-1] =='.'){ 
    textbox.value = textbox.value.substring(0,textbox.value.length-2); 
    nextTextbox.focus(); 
    } 
} 

私はこれをテストしていないが、私は、この一般的なアイデアで何かを考えます。

Answer 3

ボックス上でonKeyPressイベントをキャッチできません。また、charが "。"次のボックスに焦点を当てる？たとえば、次のように

var dotCode = ".".charCodeAt(0); 
$("box0").bind("keypress", function(e){ 
    if(e.keyCode === dotCode){ $("box1").focus(); } 
}); 

// etc... 

Answer 4

私はむしろ、このように、 "マスク" -pluginを使用します。http://digitalbush.com/projects/masked-input-plugin/
ことだろうあなたに見栄えを与え、訪問者にIPをコピーさせて貼り付けることができます。