動的に追加したinputタグ type="text" について、数値のみ入力、カンマ編集を達成したい
標題の件、ありがちな質問かと思うのですが、以前は動的でなくHTML側に当該のinutタグを定義していたので、CSSをかじったばかりの知識ながら、属性セレクタみたい感じでJS(JQuery)を記載しうまく動作できてました。
// 数量入力枠を数字のみ受け付けるように
$("input[name='amount']").on('keydown', function(e) {
var k = e.keyCode;
if(!((k >= 48 && k <= 57) || (k >= 96 && k <= 105) || k == 32 || k == 8 || k == 9 || k == 46 || k == 39 || k == 37)) {
return false;
}
});
// 数量入力枠にカンマを自動挿入
$("input[name='amount']").on('blur', function(){
var num = $(this).val();
num = num.replace(/(\d)(?=(\d\d\d)+$)/g, '$1,');
$(this).val(num);
});
// 数量入力枠からカンマを除去(カーソルあたった時)
$("input[name='amount']").on('focus', function(){
var num = $(this).val();
num = num.replace(/,/g, '');
$(this).val(num);
});
【質問】
動的にしたらJavaScript(Jquery)で、Table明細上の行追加ボタン押下で適時行追加を果たしたい。上記が働かなくなりました。
$("input[name='amount']").on('keydown', function(e) {
の部分を書き換えることで解決すると思うのですが、大変申し訳ございませんが どなたか教えて下さいませんか?何卒よろしくお願い申し上げます。