JQuery:“event.preventDefault()”不适用于动态创建的元素......?

时间:2013-08-06 09:22:35

标签: jquery events dynamically-generated

我动态添加一些输入字段(都有一个“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(); 
        }   
    }
});

非常感谢任何帮助,谢谢!

1 个答案:

答案 0 :(得分:5)

event未定义。它应该是function(event) {...