基于jquery的高性能td和input切换并可修改内容实现代码

网络编程 2025/1/22 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

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

在实际工作中，我们会碰到这样一个情况。在页面中显示着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

td,input,修改内容

标签：

td,input,修改内容

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“基于jquery的高性能td和input切换并可修改内容实现代码”

暂无基于jquery的高性能td和input切换并可修改内容实现代码的评论...

更新日志

2025年01月22日

基于jquery的高性能td和input切换并可修改内容实现代码

td,input,修改内容

基于jquery的cookie的用法

IE6中使用position导致页面变形的解决方案(js代码)

评论“基于jquery的高性能td和input切换并可修改内容实现代码”

更新日志

友情链接