如何製作Javascript動態html表格和事件

我知道如何使用DOM動態創建表格&，但無法找出輸入類型文本中的onkeyup或onblur事件，請在下面找到我的完整代碼，而且有可能在DOM中的keyup上調用另一個單獨的函數？如果是的話那怎麼樣？如何製作Javascript動態html表格和事件

<HTML> 
<HEAD> 
    <TITLE> Add/Remove dynamic rows in HTML table </TITLE> 
    <SCRIPT language="javascript"> 
     function addRow(tableID) { 

      var table = document.getElementById(tableID); 

      var rowCount = table.rows.length; 
      var row = table.insertRow(rowCount); 

      var cell1 = row.insertCell(0); 
      var element1 = document.createElement("input"); 
      element1.type = "checkbox"; 
      cell1.appendChild(element1); 

      var cell2 = row.insertCell(1); 
      cell2.innerHTML = rowCount + 1; 


      var cell3 = row.insertCell(2); 
      var element2 = document.createElement("input"); 
      element2.type = "text"; 
      cell3.appendChild(element2); 
      cell3.keyup="alert(asdf)"; 


     } 

     function deleteRow(tableID) {   
      var table = document.getElementById(tableID); 
      var rowCount = table.rows.length; 

      for(var i=0; i<rowCount; i++) { 
       var row = table.rows[i]; 
       var chkbox = row.cells[0].childNodes[0]; 
       if(null != chkbox && true == chkbox.checked) { 
        table.deleteRow(i); 
        rowCount--; 
        i--; 
       } 


      } 

     } 

    </SCRIPT> 
</HEAD> 
<BODY> 

    <INPUT type="button" value="Add Row" onclick="addRow('dataTable')" /> 

    <INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" /> 

    <TABLE id="dataTable" width="350px" border="1"> 
     <TR> 
      <TD><INPUT type="checkbox" name="chk"/></TD> 
      <TD> 1 </TD> 
      <TD> <INPUT type="text" /> </TD> 
     </TR> 
    </TABLE> 

</BODY> 
</HTML>

來源

2012-09-15 Muhammad Arslan Jamshaid

cell3.keyup="alert(asdf)";

- >

element2.onkeyup=function(){alert('asdf');};

來源

2012-09-15 18:01:38 enhzflep

它不工作 –

是啊，這是。第一個框不起作用 - 它只能在你通過按下「添加行」按鈕添加的任何框上起作用。如果您查看代碼的第58行，可以看到沒有指定onkeyup函數的輸入元素。如果您將第58行更改爲**「」**，任何輸入元素 – enhzflep

如何製作Javascript動態html表格和事件

回答

相關問題