jquery - JQuery:「event.preventDefault()」は、動的に作成された要素に対して機能しません...?

Question

いくつかの入力フィールドを動的に追加し (すべて「addToQuantityTotal_1」クラス名を持っています)、ユーザーが内部に数字のみを入力できるようにしたいと考えています。

したがって、「on」キーワードを使用します（ページの読み込みが完了した後に作成した要素で機能する唯一の方法であるため）。「event.preventDefault（）」を除くすべてが正常に機能します

ユーザーが数字以外のキーを押したことを識別しますが、それでも入力フィールドに追加します。

$('body').on('keydown', 'input.addToQuantityTotal_1', function() {
    alert("keyCode = " + event.keyCode);
    // Allow: backspace, delete, tab, escape, and enter
    if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 || 
         // Allow: Ctrl+A
        (event.keyCode == 65 && event.ctrlKey === true) || 
         // Allow: home, end, left, right
        (event.keyCode >= 35 && event.keyCode <= 39)) {
             // let it happen, don't do anything
             return;
    }
    else {
        // Ensure that it is a number and stop the keypress
        if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
            alert("this is NOT a number!");
            event.preventDefault(); 
        }   
    }
});

どんな助けでも大歓迎です、ありがとう！

Answer 1

event定義されていません。そのはずfunction(event) {...