javascript - 使用键盘javascript移动div(向上,向下不起作用)
问题描述
需要移动 div,在另一个 div 内。左右方向有效,但上下不工作。我做错了什么?
这是我的代码:
var mover = document.getElementById('mover');
var wrapper = document.getElementById('wrapper');
var left = 0;
var top = 0;
function move(e) {
if (e.keyCode == 39){
left +=20;
mover.style.left = left + 'px';
}
if (e.keyCode == 37){
left -=20;
mover.style.left = left + 'px';
}
if (e.keyCode == 40){
top +=20;
mover.style.top = top + 'px';
}
if (e.keyCode == 38){
top -=20;
mover.style.top = top + 'px';
}
}
document.onkeydown = move;
// 37left 38up 39right 40down
解决方案
推荐阅读
- ipad - Xcode 11:如何启用/修复 Xcode 的实时交互预览选项(用于苹果设备上的附加实时预览)?
- swift - SwiftUI 中有没有一种模糊背景的方法?
- dynamics-crm - 如何识别实体是否通过 Javascript 启用了快速创建表单?
- python - 如何打开 .npy 文件并通过 networkx 处理它?
- java - 如何更改 setOnClickListener() 中 AutoCompleteTextView 下拉列表中显示的列表?
- macos - macOS 应用程序中是否仍需要 Swift 的嵌入式 dylib?
- applescript - 希望有一个文件夹操作来识别文件夹中的新文件,然后通过电子邮件发送文件
- ruby-on-rails - Heroku 在默认管道之外找不到资产
- tensorflow - 我不明白如何在从 GitHub 获取的项目中从 Tensorflow 切换到 Tensorflow Lite
- arrays - 使用 Google Apps 冻结表格中的行会引发类型错误