Javascript 更改按键上的CSS属性

我希望javascript代码在按键时更改bat1 div的“left”属性？ HTML:

---

您可以像这样为按键添加事件处理程序

function keyfunction(){
  document.getElementById("bat1").style.left = "300px";
}

document.addEventListener("keypress", keyfunction, false);

function键函数（）{
document.getElementById（“bat1”）.style.left=“300px”；
}
文件。添加的监听器（“按键”，按键功能，假）
#bat1{
宽度：150px；
高度：20px；
背景颜色：蓝色；
位置：相对位置；
左：10%；
}

文件
当按下按钮上的entter键时，我刚刚完成了条件添加颜色


$（“按钮”）.keydown（功能（e）{
//当按下键（回车）时，设置颜色。。。
如果（e.which==13）{
$（this.css（“背景色”、“绿色”）；
}
});
$（“按钮”）.keyup（函数（）{
//当任何关键点被提升时移除颜色。。。
$（this.css（“背景色”）；
});

我是一颗纽扣

#bat1{
    width: 150px;
    height: 20px;
    background-color: blue;
    position: relative;
    left: 10%;
}

function keyfunction(){
  document.getElementById("bat1").style.left = "300px";
}

document.addEventListener("keypress", keyfunction, false);