Table編輯事件

2021-09-17 02:30:42 字數 689 閱讀 5064

(1) 首先建立好乙個table,在table裡嵌入tr,th,td等行以及列元素;**如下:

姓名

性別**

工資 張三

男178784546

30000

李四男1255664535

5000

我這裡引用了bootstrap外掛程式裡的table樣式,所以才有table,和tableborder類

(2) 其次就是寫js**,我是用jquery方法寫的,因為jquery簡略了**的書寫,所以這種寫法需要引入jquery外掛程式。js的**如下:

//td 的雙擊事件雙擊進入編輯狀態

$("td").dblclick(function () else

})})

這種方法**量少而且比較簡單,下面看看效果吧!雙擊td單元格就可以在input內寫入內容,然後當滑鼠焦點離開input時就可以把你編輯的值重新賦值到td中了,如果你雙擊後沒有輸入值,它會返回空文字,就像下圖:

獲取table的行,響應onclick事件

jquery方式 table tr click table find tr click table find tr length table tr length 原生js document.getelementbyid table getelementsbytagname tr length 注意要...

事件物件及table選項卡

var a 20 相當於 window.a 20 alert this 指向window alert this a 輸出20,指向 window.afunction text text text 相當於 window.text var obj1 newtext var obj2 newtext va...

JS動態建立TABLE雙擊可編輯狀態

參考 var existtr document.getelementbyid newtr row var existtd0 null existtd0.ndblclick function 當使用者雙擊單元格的時候,單元格內顯示textbox,value為原來單元格中的值 如果使用者再次雙擊單元格的...