<!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>
javascript代码的小div为什么向上和向左移动不了
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- Go 旅城通票 2016-03-25 03:47关注
不用用offsetTop/Left,自己打印出来看值就知道为什么了
var x = parseInt(mytanke.style.left)||0; var y = parseInt(mytanke.style.top) || 0;
解决 无用评论 打赏 举报
悬赏问题
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 对于相关问题的求解与代码
- ¥15 ubuntu子系统密码忘记
- ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
- ¥15 保护模式-系统加载-段寄存器
- ¥15 电脑桌面设定一个区域禁止鼠标操作
- ¥15 求NPF226060磁芯的详细资料
- ¥15 使用R语言marginaleffects包进行边际效应图绘制