基于jquery的高性能td和input切换并可修改内容实现代码
2011-01-09 23:32
826 查看
在之前的基础上，添加方向键左右支持。
在实际工作中，我们会碰到这样一个情况。在页面中显示着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
您可能感兴趣的文章:
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 基于jquery的高性能td和input切换并可修改内容实现代码
- 基于jquery的复制网页内容到WORD的实现代码
- jQuery代码实现表格内容可编辑修改
- jQuery实现input内的内容修改事件
- 基于JQuery的Swiper插件实现移动手机端幻灯片切换(可在每一张幻灯片div中插入自定义的元素，代码简介，扩展性好。)
- 基于jquery的复制网页内容到WORD的实现代码
- 基于JQuery实现相同内容合并单元格的代码
- 基于JQuery实现相同内容合并单元格的代码
- 基于JQuery实现相同内容合并单元格的代码
- 基于jQuery实现仿百度首页换肤背景图片切换代码
- jquery实现双击修改td内容的方法
- 基于jQuery实现仿百度首页换肤背景图片切换代码
- 基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载（一）
- 基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载（一）
- 基于jquery实现select选择框内容左右移动添加删除代码分享
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式修改提交对应的那一行的修改内容。
- 基于JavaScript实现新增内容滚动播放效果附完整代码
- 基于jquery的防止大图片撑破页面的实现代码(立即缩放)
- 基于内容的图像检索（颜色，直方图相交法，）java实现代码
- jQuery动态添加 input type=file的实现代码