<!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 #MATLAB仿真#车辆换道路径规划
- ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
- ¥15 数据可视化Python
- ¥15 要给毕业设计添加扫码登录的功能!!有偿
- ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
- ¥15 微信公众号自制会员卡没有收款渠道啊
- ¥100 Jenkins自动化部署—悬赏100元
- ¥15 关于#python#的问题:求帮写python代码
- ¥20 MATLAB画图图形出现上下震荡的线条
- ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘