<style>
*{
margin: 0;
padding: 0;
}
div{
width: 100px;
height: 100px;
background-color: hotpink;
position: absolute;
}
</style>
</head>
<body>
<div></div>
</body>
<script>
var d = document.querySelector("div")
window.onkeydown = function(e) {
if (e.keyCode === 37) {
d.style.left = d.offsetLeft - 5 + 'px';
}else if (e.keyCode === 39) {
d.style.left = d.offsetLeft + 5 + 'px';
}else if (e.keyCode === 38) {
d.style.top= d.offsetTop - 5 + 'px';
}else if (e.keyCode === 40) {
d.style.top = d.offsetTop + 5 + 'px';
}
}
</script>
JS案例--键盘控制div移动
最新推荐文章于 2024-07-27 15:20:55 发布