按键盘改变背景色

1.首先先搭建好html静态页面。标题和背景图里面的文字。

2.开始写背景的样式和标题以及背景里面内容的样式。设置宽高距离以及字体的大小颜色，和背景色。

3.静态页面搭建完成开始写按键盘改变背景色的效果。

4.链入jQuery代码链接，我们需要实现的效果是在页面中按下键盘上的键的时候，获取他的Unicode编码给body背景色；我们按下键盘改变背景颜色的时候里面的文字也是要改变的，然后获取到背景色里面的文字。

5. 然后封装一个方法，根据传递的参数值，改变div的背景色；如果想要更多可以继续往下写。用Switch语句去执行代码块，首先设置表达式。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。然后使用 break 来阻止 代码自动地向下一个 case 运行。根据所按的键改变颜色。在没有这个键的时候就会显示查无此键。

6.案例完成，每个键盘字母都是代表一个数字，在我们按下键盘时背景颜色改变并和数字一起显示，没有写的点击就会显示查无此键。

是我所学到的引用步骤，所以我要分享给你们，希望可以帮助到你们。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔