動的入力タイプのテキストが機能しないJquery

Question

私は整数のクラスを持つ動的入力型を持っていますが、そうではなく、動作しません。私はそれを動的に作成しない場合、それは動作します。

は、ここで私がしなければならなかったすべては、クラスの整数を追加することです、それはダイナミックでなければ、それは動作するコード

$(function(){ 
    $.integer = function(e){ 
     var arr = "1234567890"; 
     var code; 
     if (window.event) 
      code = e.keyCode; 
     else 
      code = e.which; 
     var char = keychar = String.fromCharCode(code); 
     if (arr.indexOf(char) == -1){ 
      return false; 
     } 
    }; 

    $(".integer").on('keypress blur', function(e){ 
     return $.integer(e); 
    }); 



}); 

です。

<input type="text" class="integer"> 

また、私はjqueryのこのコード.on()方法を使用し、それが実際に警告が、私は「1234567890」以外の他の文字を入力することができます。

 $('#table').on('keyup blur change', '.integer', function(e){ 
    alert('asdf'); 
return $.integer(e); 
    }) 

Answer 1

それはここfine.check働いています： - あなたが行 `VAR文字=は、keyChar =に、String.fromCharCode（コードでachiveたいです何

$('#table').append('<input type="text" class="integer">');// dynamically added input-box 
 

 
$(".integer").on('keypress blur', function(e){ 
 
    return $.integer(e); 
 
}); 
 

 
$(function(){ 
 
    $.integer = function(e){ 
 
     var arr = "1234567890"; 
 
     var code; 
 
     if (window.event) 
 
      code = e.keyCode; 
 
     else 
 
      code = e.which; 
 
     var char = keychar = String.fromCharCode(code); 
 
     if (arr.indexOf(char) == -1){ 
 
      return false; 
 
     } 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id = "table"></div>