mingqingchangcheng 2016-03-25 01:06 采纳率: 0%
浏览 1499

javascript代码的小div为什么向上和向左移动不了

 <!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
     <tbody>
            <div style="background-color:black;height:500px;width:600px" >
                <div id="mytanke" style="background-color:yellow;width:18px;height:20px;position:relative;"></div>
            </div>
     </tbody>
     <script type="text/javascript">
        var mytanke=document.getElementById("mytanke");

        document.onkeydown=function(event){


            var e = event || window.event || arguments.callee.caller.arguments[0];
            var x=mytanke.offsetLeft;
            var y=mytanke.offsetTop;
            if(e && e.keyCode==37){ // zuo
                mytanke.style.backgroundColor='red';
                if(x>8){

                    mytanke.style.left=(x-1)+'px';
                }
            }
            if(e && e.keyCode==38){ // shang

                if(y>8){

                    var mm=parseInt(y)-1;


                    mytanke.style.top=mm+'px';
                }
            }            
            if(e && e.keyCode==39){ // you

                  if(x<600){

                      console.log(3333);
                    mytanke.style.left=(x+1)+'px';
                }
            }
            if(e && e.keyCode==40){ // xia
                console.log(4444);
                if(y<500){

                    mytanke.style.top=(y+1)+'px';
                }
            }
         }; 
     </script>
 </body>
</html>
  • 写回答

2条回答

  • Go 旅城通票 2016-03-25 03:47
    关注

    不用用offsetTop/Left，自己打印出来看值就知道为什么了

    
            var x = parseInt(mytanke.style.left)||0;
            var y = parseInt(mytanke.style.top) || 0;
    评论

报告相同问题？

悬赏问题

  • ¥100 求数学坐标画圆以及直线的算法
  • ¥35 平滑拟合曲线该如何生成
  • ¥100 c语言，请帮蒟蒻写一个题的范例作参考
  • ¥15 名为“Product”的列已属于此 DataTable
  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
  • ¥15 自己瞎改改，结果现在又运行不了了
  • ¥15 链式存储应该如何解决