最近要修改一个树,网上搜了一下,是一个dtree.js的修改过来的,现在需要将这个树菜单能用键盘方向键控制进行展开或者收起,要达到的效果就如同csdn论坛左边的树在获得焦点后用键盘控制的效果,上下键在同一级目录中移动,左右键在上下级目录中移动。
js接触不深,哪位前辈知道这样的事件要怎么实现吗,或者能提供有相关控制代码的例子吗,不慎感激!

解决方案 »

  1.   

    这个好复杂;
    一步一步来,建议:
    先搞定页面捕捉键盘动作,调用相应函数;
    然后编好菜单树,对应到JS数组里,包括控制符;
    其次理清菜单开合逻辑与算法,就是相菜单与JS数组对应起来;
    接着设计出菜单开合动作的细节;
    最好把这些组装起来就可以了。
      

  2.   

    事件触发:
    function 触发()
    {
    switch(window.event.keyCode) {
    case 38:
       调用菜单动作函数;
       break;
    }  
    }<div onkeyup="触发();" style="width:120px; height:200px">  </div>
      

  3.   

    去参考xtree xtree2b xloadtree
    里面的控制做的很不错~~~~~~~~~~~~~~~~~~~~~~~
    刚开始做js的工作,一来就要搞个tree,还要带checkbox,难过.......
      

  4.   

    谢谢unlive的思路leavingme提供的信息,我正在读这个树的代码,稍微有点眉目了