国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于jquery的高性能td和input切換并可修改內容實現代碼

2019-11-20 23:59:40
字體:
來源:轉載
供稿:網友

在之前的基礎上,添加方向鍵左右支持。

在實際工作中,我們會碰到這樣一個情況。在頁面中顯示著100個數據,同時用戶還希望他可以更改其中的數據,普通的方式可能如下,

 

這種方式會出現一個問題,就是頁面顯示的時候有點慢,同時如果有滾動條的話,會有些卡。下面給出我的一個解決方法,顯示的時候全是td的,沒有input標簽,如下

 當你點擊其中一個td時,就會出現下面這樣

當你點擊td的時候,會在td動態加入一個input同時把td的值賦給input,當你鼠標離開input時,會把input的值賦給td。同時支持回車,上下方向鍵,進行向右,上下移動。

可以對這個做一些擴展,做出一些很實際的功能,(對大批量數據編輯等等)。不多說了,附上源碼,僅供參考。
在線演示地址http://demo.VeVB.COm/js/td_input_edit/index.htm
打包下載地址http://xiazai.VeVB.COm/201101/yuanma/td_input_edit.rar

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 景宁| 张家界市| 竹北市| 梨树县| 澄迈县| 前郭尔| 龙胜| 溆浦县| 侯马市| 郴州市| 逊克县| 封开县| 博兴县| 镇远县| 广安市| 邻水| 济南市| 涿鹿县| 边坝县| 铜梁县| 阳泉市| 自治县| 湖北省| 应用必备| 镇原县| 南溪县| 额济纳旗| 饶河县| 靖远县| 西安市| 讷河市| 高碑店市| 常熟市| 云和县| 巢湖市| 乌恰县| 松阳县| 田阳县| 图片| 包头市| 竹山县|