Question

我该如何分配onkeypress函数来动态创建javascript中的输入框？

你可以在这里找到我的源代码：http://goo.gl/9BHSt

var cell2 = row.insertCell(1); 
var el = document.createElement('input'); 
el.type = 'text'; 
el.size = "3"; 
el.name = 'txtUnit' + iteration; 
el.id = 'txtUnit' + iteration; 
el.onKeyPress = "return checkIt(event)";      
cell2.appendChild(el); 
el.type = 'text'; 
el.size = "3"; 
el.name = 'txtUnit' + iteration; 
el.id = 'txtUnit' + iteration; 
el.onKeyPress = "return checkIt(event)";      
cell2.appendChild(el); 

但 el.onKeyPress = "return checkIt(event)";不工作。为什么？

Answer 1

使用本：

el.onkeypress = 
    function(event) 
    { 
     //write your method body 
    }; 

或

el.onkeypress = KeyPressHandler; 
function KeyPressHandler(event) 
{ 
    //write your method body 
} 

编辑

您提供了错误的参数。看到这一点：

function KeyPressHandler(event) 
{ 
    evt = (evt) ? evt : window.event 
    var charCode = (evt.which) ? evt.which : evt.keyCode 
    if (charCode > 31 && (charCode < 48 || charCode > 57)) { 
     status = "This field accepts numbers only." 
     return false; 
    } 
    status = "" 
    return true; 
} 

您应该更改参数名称EVT

function KeyPressHandler(evt) 
{ 
    evt = (evt) ? evt : window.event 
    var charCode = (evt.which) ? evt.which : evt.keyCode 
    if (charCode > 31 && (charCode < 48 || charCode > 57)) { 
     status = "This field accepts numbers only." 
     return false; 
    } 
    status = "" 
    return true; 
} 

我测试，它工作得很好。

Answer 2

你会更好地使用jQuery。它有一个live函数，它允许将事件附加到动态添加的元素。