基于jquery的高性能td和input切換并可修改內(nèi)容實現(xiàn)代碼
更新時間：2011年01月09日 23:32:29 作者：
在實際工作中，我們會碰到這樣一個情況。在頁面中顯示著100個數(shù)據(jù)，同時用戶還希望他可以更改其中的數(shù)據(jù)，普通的方式可能如下
在之前的基礎(chǔ)上，添加方向鍵左右支持。
在實際工作中，我們會碰到這樣一個情況。在頁面中顯示著100個數(shù)據(jù)，同時用戶還希望他可以更改其中的數(shù)據(jù)，普通的方式可能如下，
這種方式會出現(xiàn)一個問題，就是頁面顯示的時候有點慢，同時如果有滾動條的話，會有些卡。下面給出我的一個解決方法，顯示的時候全是td的，沒有input標(biāo)簽，如下
當(dāng)你點擊其中一個td時，就會出現(xiàn)下面這樣
當(dāng)你點擊td的時候，會在td動態(tài)加入一個input同時把td的值賦給input，當(dāng)你鼠標(biāo)離開input時，會把input的值賦給td。同時支持回車，上下方向鍵，進行向右，上下移動。
可以對這個做一些擴展，做出一些很實際的功能，（對大批量數(shù)據(jù)編輯等等）。不多說了，附上源碼，僅供參考。
在線演示地址http://demo.jb51.net/js/td_input_edit/index.htm
打包下載地址http://xiazai.jb51.net/201101/yuanma/td_input_edit.rar
相關(guān)文章
這篇文章主要介紹了JS+CSS實現(xiàn)下拉刷新/上拉加載插件,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
event.srcElement 可以捕獲當(dāng)前事件作用的對象，如event.srcElement.tagName可以捕獲活動標(biāo)記名稱。2009-12-12
新的一天新的開始，今天要分享的是用JQuery模仿蘋果操作系統(tǒng)桌面的Dock效果，之所以稱之為初級版，是因為其中還有一些bug，顯示效果并不穩(wěn)定2012-10-10
本文主要介紹了JavaScript制作游戲搖桿方向盤,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2014-04-04
這篇文章主要介紹了JS實現(xiàn)簡易的圖片拖拽排序?qū)嵗a，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)藍牙打印，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
本文主要介紹了如何獲取地址欄中的參數(shù)的兩種方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了Openlayers學(xué)習(xí)之加載鷹眼控件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
相信好多小伙伴在使用getUserInfo獲取小程序用戶昵稱和頭像時卻獲取不到,下面這篇文章主要給大家介紹了關(guān)于微信小程序登錄獲取不到頭像和昵稱的詳細解決辦法,需要的朋友可以參考下2022-12-12
xss文件頁面內(nèi)容讀取(解決),需要的朋友可以參考下。2010-11-11