我想做一个功能 请大家进来看看吧

[talent1314]

我想用JavaScript的代码 在表格中做出和EXECL一样的效果 按回车光标自动到下面的一行 按回车光标自动向到上面一行 请大家教教我吧 我是一点思路都没有 唉....

[ma309385560]

这东西不好弄还要夸浏览器 除非 你js跟css都很厉害 要不别尝试开发富客户端 看看别的富客户端吧 ext flex之类的有没有这些功能

[haixiang710]

对键盘上的按键事件进行控制
我们可以利用以下脚本来监听网页中的键盘事件，一旦用户按下Enter键便开始你绑定的事件。

01. function getKey(e){
02. e = e || window.event;
03. var keycode = e.which ? e.which : e.keyCode;
04. if (keycode == 13 || keycode == 108){ //如果按下ENTER键
05. //在这里设置你想绑定的事件
06. }
07. }
08.
09. // 把keyup事件绑定到document中
10. function listenKey ( ) {
11. if (document.addEventListener) {
12. document.addEventListener( "keyup" ,getKey, false );
13. } else if (document.attachEvent) {
14. document.attachEvent( "onkeyup" ,getKey);
15. } else {
16. document.onkeyup = getKey;
17. }
18. }
最后附上，键盘中所有按钮的keycode一览

字母和数字键的键码值(keyCode)
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57
数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110
7 103 / 111
控制键键码值(keyCode)
BackSpace 8 Esc 27 Right Arrow 39 -_ 189
Tab 9 Spacebar 32 Down Arrow 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 Left Arrow 37 =+ 187 ]} 221
Cape Lock 20 Up A


通过监测用户按了ENTER键,来处理表格.

[jackey_ctdw]

思路很好

顶一下


模拟 做做看

[talent1314]

大家再帮忙想想吧 谢谢大家了

[arkor]

楼上的人好牛逼啊

[BearKin]

[Quote=引用楼主 talent1314 的回复:]
我想用JavaScript的代码 在表格中做出和EXECL一样的效果 按回车光标自动到下面的一行 按回车光标自动向到上面一行 请大家教教我吧 我是一点思路都没有 唉....
[/Quote]

2L的实现方式即可 拦截keydown事件(keyclick也可以) 然后根据keyCode决定接下来的操作(比如拦截回车 将returnValue改成false 而其他情况则正常返回returnValue)

虽然我并不太知道你现在的excel是咋解决的(至少拦截键盘事件的方式你知道了) 不过我出个损招

就是加个excel表格的背景图 木哈哈..

[biristone]

2L V5! 至于EXCEL样式，还是要好好看看DOM

建议用层里面套TABLE，TABLE里方TEXT再加个CSS来实现EXCEL样式：
<span id="CriteriaPart" jwcid="@wade:Part" optimize="true" align="center">
<div id="CriteriaPane" jwcid="@Any" nowrap="nowrap" style="display:none;width:15%;border:1;z-index:10" class="newmyinputbox">
<div>
<table id="CriteriaTable" border="1">
<span>已选客户经理:</span>
</table>
</div>
</div>  
</span>
用JS来获取以上层里的TABLE和TEXT对象。

增加表格对象：
function addMGRList(panename,tablename,listname)
{
getElement(panename).style.display = "";
var octobject = getElement(tablename);

for(var i=0;i<$F(listname).split(",").length;i++)
{
var newTr = octobject.insertRow();
var newTd = newTr.insertCell();
newTd.innerHTML = $F(listname).split(",")[i];
}
}

删除表格对象：
function clearMGRList(panename,tablename)
{
var octobject = getElement(tablename);
for(var j=0;j<octobject.rows.length;j++)
{
octobject.rows[j].removeNode(true);
j--;
}
getElement(panename).style.display = 'none';
}

这只是我用到的，具体做成什么样，LZ研究下DOM对象和CSS。

[coolbamboo2008]

2楼思路不错，结贴吧