点击单元格后可编辑单元格内文本如何制作- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 点击单元格后可编辑单元格内文本如何制作

Javascript: 有趣的script标签用getAttribute方法来自脚本吧; 学习YUI.Ext 第二天; 学习YUI.Ext 第三天; 学习YUI.Ext第五日--做拖放Darg&Drop; 学习YUI.Ext 第六天--关于树TreePanel(Part 1); 学习YUI.Ext 第七天--关于View&JSONView; 学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点); 对YUI扩展的Gird组件 Part-2; Gird事件机制初级读本; 为Yahoo! UI Extensions Grid增加内置的可编辑器; 如何简单地用YUI做JavaScript动画; (function(){})()的用法与优点; JS层移支示例代码; 如何在Web页面上直接打开、编辑、创建Office文档; 网页中实现浏览器的最大，最小化和关闭按钮; [原创]js与自动伸缩图片自动缩小图片的多浏览器兼容的方法总结; 图片自动缩小的js代码,用以防止图片撑破页面; 收藏一些不常用，但是有用的代码; 解决 firefox 不支持 document.all的方法; 用ajax实现的自动投票的代码

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 227 ::

收藏到网摘: n/a

如何通过JAVASCRIPT实现当点击相应的单元格，该单元格内文本变成可编辑的INPUT或SELECT，离开单元格后又单元格内文本为修改后文本。
我通过以下方法来实现点击单元格变成INPUT，可不知该在点其它单元格后恢复文本状态和如何返回INPUT后修改的值。是否有更好的方法来实现该效果。

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

2、

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]