在前面的基础上,增加方向键支持左右。在实际工作中,我们会遇到这样的情况。页面上显示了100个数据,用户也希望可以更改其中的数据。常见的方式可能如下。。
这种方法有一个问题,就是页面显示有点慢,如果有滚动条,就会出现一些卡牌。这是给我的一个解决方案。显示的时候都是td,没有输入标签,如下。
当您点击其中一个td时,将出现以下内容。
当您点击td时,一个输入将被动态添加到td,td的值将被分配给输入。当您离开输入时,输入的值将被分配给td。同时,支持回车和上下箭头键向右和上下移动。你可以对此做一些扩展,做一些实用的功能(用于编辑大量数据等。).话不多说,请附上源代码仅供参考。在线演示地址http://demo.jb51.net/js/td_input_edit/index.htm包下载地址http://xiazai.jb51.net/201101/yuanma/td_input_edit.rar.