请问如何用JS控制光标的移动？

请问如何用JS控制光标的移动？现在又divA和divB，我想要的效果为按一下键盘上的  ↓  就能把光标从divA移动的divB上，按  ↑  也可返回到divA。
急！！！！！急！！！！！急！！！！！急！！！！！

解决方案 »

  1.   

    试试这样是不是你要得效果！
    <body>
    <div id="divA"><input tpye="text" ></div>
    <div id="divB"><input tpye="text" ></div><script language="javascript">
    $(function(){
    $("#divA>input").focus();
    });
    $(document).keydown(function(event){
    if (event.keyCode == 40) {
    $("#divB>input").focus();
    return false;
    }
    if (event.keyCode == 38) {
    $("#divA>input").focus();
    return false;
    }
    });
    </script>
    </body>
      

  2.   

    没效果额，我把鼠标放大divA里去后按键盘  ↓  没反应
      

  3.   

    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    引入这个。。
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
       <script src="http://code.jquery.com/jquery-latest.js"></script> 
    </head>
    <body>
    <div id="divA"><input tpye="text" ></div>
    <div id="divB"><input tpye="text" ></div><script language="javascript">
        $(function () {
            $("#divA>input").focus();
        });
        $(document).keydown(function (event) {
            if (event.keyCode == 40) {
                $("#divB>input").focus();
                return false;
            }
            if (event.keyCode == 38) {
                $("#divA>input").focus();
                return false;
            }
        });
    </script>
    </body>
    </html>像这样
      

  5.   

        <style type="text/css">
        div
        {
            position:relative;
            border:1px solid #ccc;
            width:100px;
            height:30px;
        }
        .div
        {
            position:relative;
            border:1px solid black;
            width:100px;
            height:30px;
        }
        </style>
        <script type="text/javascript">
            window.onload = function () {
                var oDiv1 = document.getElementById("div1");
                var oDiv2 = document.getElementById("div2");            document.onkeydown = function (ev) {
                    var oEvent = ev || event;
                    if (oEvent.keyCode == 38) {
    //你要的上箭头事件
                        oDiv1.className = "div";
                        oDiv2.className = "";
                    } else if (oEvent.keyCode == 40) {
    //你要的下箭头事件
                        oDiv1.className = "";
                        oDiv2.className = "div";
                    }
                }
            }
        </script>