DIV CSS 佈局教程網

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

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

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

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

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

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