軟件
                        
    
                            
  • 綜合
    • 
                            
  • 軟件
    • 
                            
  • 文章
    • 
                            
  • 安卓
    • 
                        

                    
搜索

            

            

                pscc2017autocad2018dreamweaver2017草圖大師2017Visio 2016
            

        

    



  

    

      
    

  





  
 當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > JS代碼實現表格按Enter鍵自動生成新行 





  

    
    

      
      

        
JS代碼實現表格按Enter鍵自動生成新行

        
2012/10/30 14:04:44作者：佚名來源：網絡

        
移動端
          

        

      

      
            
【實例名稱】
表格按Enter鍵自動生成新行
【實例描述】
在Excel中，可以通過按Enter鍵將光標切換到下一行。本例將學習在HTML表格中，如何按Enter鍵自動添加新行。
【實例代碼】
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（www.yzddtk.cn）</title>
<script LANGUAGE="JavaScript">
function newRow()
{
   if(event.keyCode=="13")       //如果單擊的是回車鍵
   {
     var row= tbl.insertRow(1);  //添加行
         row.height="50";  //設置行高 
     var cell1=    row.insertCell(0); //添加列
     var cell2=    row.insertCell(1);  //添加列
       cell1.innerHTML="第二行"         //指定列內容
       cell2.innerHTML="第二行第二列"
   }
}
</script>
</head>
<body>
鼠標放到第二列，然后按回車鍵<br />
<table id="tbl" border="1"><tr><td>第一行第一列</td>
<td onkeypress="newRow()">第一行第二列</td></tr>
</table>
</body>
</html>



【運行效果】
                                                         初始運行效果
運行效果
                                                  按Enter鍵后的效果
運行效果
【難點剖析】
本例的重點有兩個：動態創建行和列，以及捕獲單元格的按鍵操作。創建行和列分別使用的是“insertRow”和“insertCell”方法。用“onkeypress”捕獲單元格的按鍵操作，“event．keyCode”表示用戶的按鍵值，其值為“13”時，表示按下的是Enter鍵。
【源碼下載】
如果你不愿復制代碼及提高代碼準確性，你可以點擊：表格按Enter鍵自動生成新行 進行本實例源碼下載 

      
      

        

          
       

        

      

      
      

        
標簽：
          JS代碼            

        
      

      
      

        
相關文章

        
      

      
      

        
 熱門軟件/ 推薦游戲/ 手機軟件 

        

          
          
          
          
          
          
        

      

      
      

        

      

      
    


    
    

      

        
資訊分類

      

      

                Dreamweaver
                Flash
                DIV+CSS
                編程其他
              

      

        
推薦教程

      

      

        
      

      

        
精品軟件推薦

      

      

        

          

          
        

      

    

  






            
 ∧ 

        

    


    

        

            Copyright2012-2022 軟件學堂(www.yzddtk.cn).All Rights Reserved

            備案編號:贛ICP備2023000421號
                    

    





欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频 视频,欧美一级特黄录像视频