简单的一个keydown事件问题求解

javascriptfunction测试移动class

解决方案 »

  1.   

    1. 你给的代码我无法执行成功，所以改了下
    2. outer的问题见我转的一篇文章
    http://blog.csdn.net/vincentguo_/article/details/30116655完整代码如下<!DOCTYPE HTML>
    <html>
        <head>
            <meta charset=utf-8>
            <script src="jquery-1.11.1.min.js"></script>
            <script type="text/javascript">
            $(document).ready(function() {
                $("#outer").attr('tabindex', 1).keydown(function(event) {
                    event.preventDefault();
                    var t = parseInt($("#inner").css("top")); //获取#inner的top值                var l = parseInt($("#inner").css("left")); //获取#inner的left值                if (event.which == 38) {
                        $("#inner").css("top", (t - 1)+"px");
                    } //键盘方向键上键按下                if (event.which == 40) {
                        $("#inner").css("top", t + 1);
                    } //键盘方向键下键按下                if (event.which == 37) {
                        $("#inner").css("left", l - 1);
                    } //键盘方向键左键按下                if (event.which == 39) {
                        $("#inner").css("left", l + 1);
                    } //键盘方向键右键按下
                });
            });
            </script>
        </head>
        <body class="body" style="background:#555;">
            <div id="outer" style="height:800px;width:800px;margin:0 auto;background:#bf0000;position:relative;">
                <div id="inner" style="width:100px;height:100px;position:absolute;top:300px;left:500px;background:#000;">  </div>
            </div>
        </body>
    </html>