JS實現可編輯的表格，雙擊可編輯，可以刪除行和列，增加行和列，重設，匯出表格，也可以上下移動元素，js表格

JS實現可編輯的表格，雙擊可編輯，可以刪除行和列，增加行和列，重設，匯出表格，也可以上下移動元素，js表格

JS實現可編輯的表格，雙擊可編輯，可以刪除行和列，增加行和列，重設，匯出表格，也可以上下移動元素 

原文：JS實現可編輯的表格，雙擊可編輯，可以刪除行和列，增加行和列，重設，匯出表格，也可以上下移動元素

原始碼：http://www.zuidaima.com/share/1550463322606592.htm

原始碼：

我想在表格中雙擊一行 該行的內容要在對應的編輯區內顯示(用js怎做到)

只能用JS替換樣式來類比實現！當沒有獲得焦點的時候，input的邊框寬度為0，當獲得滑鼠焦點時顯示input邊框
 
jquery雙擊事件,雙擊表格變為可編輯

$(表格對象).dbclick(function(){
獲得編輯區的位置和大小
擷取編輯文本的當前值

建立一個input元素
把這個input元素的位置和大小覆蓋到編輯區的上方並獲得焦點
$(這個input元素).blur(function(){
修改編輯區的文本
刪除這個input元素
});
});