Javascript jQuery-更改颜色

刚刚开始学习jQuery。我一直在看一些关于学校的教程。我的目标是在按键时更改形状颜色。我可以这样做的按钮，但不是一个形状

我用的是键代码8，这是退格，我用的是这个

$（“按钮”）.keydown（功能（e）{
如果（e.which==8）{
$（this.css（“背景色”、“黑色”）；
}
});
$（“按钮”）.keyup（函数（）{
$（this.css（“背景色”、“黄色”）；
});

颜色
您的
按钮本机接受键盘焦点，而您的
div
则不接受。将此添加到
.shape
：



演示


$（“.shape”）.keydown（函数（e）{
如果（e.which==8）{
//添加用于演示以防止浏览器地址更改
e、 预防默认值（）；
$（this.css（“背景色”、“黑色”）；
}
});
$（“.shape”）.keyup（函数（）{
$（this.css（“背景色”、“黄色”）；
});
.shape{
宽度：40px；
高度：40px；
背景颜色：粉红色；
}

这很有效。为什么我必须点击这个形状，它才能真正响应我的键盘输入。还有什么我可以绕过的吗？谢谢。非常感谢。我现在对此有了更好的理解。谢谢安迪H。