• 全部
  • 问答

javascript keydown的一个小问题

当王八遇到羔子 暂无  2017-06-15 03:16:14
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{ margin: 0; padding: 0;}
#box{ width: 100px; height: 100px; background: red; position: absolute;}
</style>
</head>
<body>
<div id="box"></div>
<script type="text/javascript">
var i=0;
document.addEventListener('keydown',function(e){
console.log(e.keyCode);
if(e.keyCode==40){
i++;
box.style.top=i+'px';
}
else if(e.keyCode==39){
i++;
box.style.left=i+'px';
}
else if(e.keyCode==38){
i++;
box.style.bottom=i+'px';
}
if(e.keyCode==37){
i++;
box.style.right=i+'px';
}
/*为什么这里的bottom 和right毫无作用呢?*/
})
</script>
</body>
</html>
...全文
93 点赞 收藏 1
写回复
1 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
天际的海浪 2017-06-15
只有 width:为 auto;时才能同时设置 left 和 right 当 width:不为 auto;时设置 left 后。right不起作用。不设置 left时。right才起作用。 你打开页面后,不按右键,先按左键试试
回复
相关推荐
发帖
JavaScript
创建于2007-09-28

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2017-06-15 03:16
社区公告
暂无公告