$(function() { //获取div var $div = $('#bgChange'); //获取显示按键的span var $showCode = $('#keyCodeSpan'); //给页面注册一个键盘按下事件 $(document).on('keydown', function(e) { // console.log(e.keyCode); //r 82 g 71 b 66 p 80 y 89 switch(e.keyCode) { case 65: $div.css('backgroundColor', 'apua'); $showCode.text(65); break; case 67: $div.css('backgroundColor', 'cadetblue'); $showCode.text(67); break; case 72: $div.css('backgroundColor', 'hotpink'); $showCode.text(72); break; case 75: $div.css('backgroundColor', 'khaki'); $showCode.text(75); break; case 77: $div.css('backgroundColor', 'mediumpurple'); $showCode.text(77); break; default: $div.css('backgroundColor', 'pink'); $showCode.text("无此键位"); break; } }); });

这是一个 JavaScript 代码，它是一个页面键盘按下事件的处理程序。当用户按下键盘上的某个键时，会根据按下的键的键码来判断所执行的操作。如果按下的键码是 65，背景颜色将设置为 "apua"，如果是 67，背景颜色将设置为 "cadetblue"，以此类推。如果按下的键码没有被定义在 switch 语句中，背景颜色将设置为 "pink"，并显示 "无此键位"。同时，还有一个 $showCode 变量，它用于显示所按下的键的键码。